WizardStepTagHelper

Example

Razor
<wizard-step>
    <wizard-step-buttons></wizard-step-buttons>
    <wizard-step-content></wizard-step-content>
    <wizard-step-form></wizard-step-form>
</wizard-step>

ChildTags

Tag NameDetails
wizard-step-buttonsWizardStepButtonsTagHelper
wizard-step-contentWizardStepContentTagHelper
wizard-step-formFormTagHelper

Attributes

AttributeTypeDescription
class-nameStringSpecifies a custom class that will be set on the step container element.
content-idStringSpecifies the id of a DOM element, which content to be used as a content of the current step.
content-urlStringSpecifies an endpoint which the step content should be loaded from.
enabledBooleanSpecifies whether the step is enabled or not.
iconStringDefines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the Stepper step element. For a list of available icon names, please refer to the Web Font Icons article.
icon-templateStringThe template used to render the icon in the Stepper step.The fields which can be used in the template are: title String - the title set on the step; label String - same as title - the title set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not.
icon-template-handlerStringThe template used to render the icon in the Stepper step.The fields which can be used in the template are: title String - the title set on the step; label String - same as title - the title set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. This option expects the name of a JavaScript function that will be called to return the template.
icon-template-idStringThe template used to render the icon in the Stepper step.The fields which can be used in the template are: title String - the title set on the step; label String - same as title - the title set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. This option expects the ID of the script element that contains the template.
icon-template-viewIHtmlContentThe template used to render the icon in the Stepper step.The fields which can be used in the template are: title String - the title set on the step; label String - same as title - the title set on the step; icon String - the icon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); selected Boolean - indicates whether the step is selected; previous Boolean - indicates whether the step is before the currently selected or not; index Number - a zero-based index of the current step; isFirstStep Boolean - indicates whether the step is the initial one in the Stepper; isLastStep Boolean - indicates whether the step is the last one in the Stepper; indicatorVisible Boolean - indicates whether the indicator, which holds the icon should be displayed or not or labelVisible Boolean - indicates whether the label section of the step should be displayed or not. This option expects the instance containing the created HTML.
pagerBooleanSpecifies whether the pager will be rendered on the current step or not.
titleStringSpecifies a title of the current step.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support