---
title: "Feature: #79445 - Add Multistep Wizard"
manual: "TYPO3 Core Changelog"
version: "main"
permalink: "https://docs.typo3.org/permalink/changelog:feature-79445"
source: "Changelog/10.2/Feature-79445-AddMultistepWizard.rst"
typo3-version: "10.2"
typo3-major: 10
type: "feature"
issue: 79445
forge: "https://forge.typo3.org/issues/79445"
tags: ["Backend", "JavaScript", "ext:backend"]
rendered: "2026-09-20T18:31:11+00:00"
---

# Feature: #79445 - Add Multistep Wizard {#feature-79445}

See [forge#79445](https://forge.typo3.org/issues/79445)

## Description {#description}

Based on a concept - which has been created during the TYPO3 UX week - a new JavaScript module `MultiStepWizard` has been introduced.

Compared to the existing `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:

```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 {#impact}

Developers can provide editors with a vastly enhanced wizard. The UI and UX of the wizard have been improved big time.