Wizard

Example

Razor

<kendo-wizard>
    <messages />
    <stepper />
    <validate-forms />
    <wizard-steps></wizard-steps>
</kendo-wizard>

ChildTags

Tag Name	Details
messages	WizardMessagesSettingsTagHelper
stepper	WizardStepperSettingsTagHelper
validate-forms	WizardValidateFormsSettingsTagHelper
wizard-steps	WizardStepsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
content-position	WizardContentPosition	The position of the Wizard step content according to the embedded Stepper widget.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
action-bar	Boolean	Indicates whether the Steps in the Wizard will render their Buttons and Pager element.
load-on-demand	Boolean	Indicates whether the step content will be loaded on demand when a given step is selected. Applicable when the step configuration has "contentUrl" set.
on-activate	String	The name of the JavaScript function that will handle the activate event. Fires when a new step has been selected upon user interaction.
on-content-load	String	The name of the JavaScript function that will handle the contentLoad event. Triggered when content is fetched from an AJAX request and has been loaded.
on-done	String	The name of the JavaScript function that will handle the done event. Triggered when the "Done" action Button has been clicked
on-error	String	The name of the JavaScript function that will handle the error event. Triggered when an attempt to fetch step content with an AJAX request fails. The event will be fired only when the user clicks on the Previous or Next button, or navigates to another step using the Stepper. It will not be fired if the remote request is raised as a result of a Step.load() method call.
on-form-validate-failed	String	The name of the JavaScript function that will handle the formValidateFailed event. Fired when the validateForms configuration option is set to true (default), and the validation of the Kendo UI Form on the current Wizard step fails when the user tries to navigate to another step.
on-reset	String	The name of the JavaScript function that will handle the reset event. Triggered when the "Reset" action Button has been clicked
on-select	String	The name of the JavaScript function that will handle the select event. Fires when the user clicks on the Stepper or clicks on "Previous"/"Next" action Buttons to select another step.
pager	Boolean	Indicates whether the Steps in the Wizard will render their Pager element.
reload-on-select	Boolean	Indicates whether the step content will be reloaded on each navigation to given step. Applicable when the step configuration has "contentUrl" set.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.