TYPO3 v15 dev-main snapshot ()

2026-08-10 22:31:09 +02:00
commit af8cc155b5
6818 changed files with 642608 additions and 0 deletions
@@ -0,0 +1,54 @@
+.. include:: /Includes.rst.txt
+
+.. _feature-79445:
+
+======================================
+Feature: #79445 - Add Multistep Wizard
+======================================
+
+See :issue:`79445`
+
+Description
+===========
+
+Based on a concept - which has been created during the TYPO3 UX week - a new JavaScript module :js:`MultiStepWizard` has been introduced.
+
+Compared to the existing :js:`Wizard` - which is currently in use e.g. when translating content or creating a new form - the following changes have been implemented:
+
+* Navigation to previous steps is possible.
+* Instead of labeling steps with just a numerical indicator (like "Step x of y") steps can have descriptive labels like "Start" or "Finish!".
+* The structure of the configuration has been optimized.
+
+Code examples:
+
+.. code-block:: js
+
+   // Show/ hide the wizard
+   MultiStepWizard.show();
+   MultiStepWizard.dismiss();
+
+   // Add a slide to the wizard
+   MultiStepWizard.addSlide(
+       identifier,
+       stepTitle,
+       content,
+       severity,
+       progressBarTitle,
+       function() {
+       ...
+       }
+   );
+
+   // Lock/ unlock navigation buttons
+   MultiStepWizard.lockNextStep();
+   MultiStepWizard.unlockNextStep();
+   MultiStepWizard.lockPrevStep();
+   MultiStepWizard.unlockPrevStep();
+
+
+Impact
+======
+
+Developers can provide editors with a vastly enhanced wizard. The UI and UX of the wizard have been improved big time.
+
+.. index:: Backend, JavaScript, ext:backend