<kendo:wizard-step>

Array of steps to be rendered in the Wizard.

Example

<kendo:wizard-steps>
    <kendo:wizard-step></kendo:wizard-step>
</kendo:wizard-steps>

Configuration Attributes

className java.lang.String

Specifies a custom class that will be set on the step container element.

Example

<kendo:wizard-step className="className">
</kendo:wizard-step>

content java.lang.String

Specifies the HTML string content to be rendered in the step.

Example

<kendo:wizard-step content="content">
</kendo:wizard-step>

contentId java.lang.String

Specifies the id of a DOM element, which content to be used as a content of the current step.

Example

<kendo:wizard-step contentId="contentId">
</kendo:wizard-step>

contentUrl java.lang.String

Specifies an endpoint which the step content should be loaded from.

Example

<kendo:wizard-step contentUrl="contentUrl">
</kendo:wizard-step>

enabled boolean

Specifies whether the step is enabled or not.

Example

<kendo:wizard-step enabled="enabled">
</kendo:wizard-step>

form java.lang.Object

Defines the Form widget configuration, which will populate the Wizard step content.

Example

<kendo:wizard-step form="form">
</kendo:wizard-step>

icon java.lang.String

Defines 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.

Example

<kendo:wizard-step icon="icon">
</kendo:wizard-step>

iconTemplate java.lang.String

The 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.

Example

<kendo:wizard-step iconTemplate="iconTemplate">
</kendo:wizard-step>

pager boolean

Specifies whether the pager will be rendered on the current step or not.

Example

<kendo:wizard-step pager="pager">
</kendo:wizard-step>

title java.lang.String

Specifies a title of the current step.

Example

<kendo:wizard-step title="title">
</kendo:wizard-step>

Configuration JSP Tags

kendo:wizard-step-buttons

Allows configuration of the buttons to be rendered on each step. If the array contains strings, those values will be taken as Buttons names. If the array contains objects, those will be used when initializing the actual Button instances on each step.

More documentation is available at kendo:wizard-step-buttons.

Example

<kendo:wizard-step>
    <kendo:wizard-step-buttons></kendo:wizard-step-buttons>
</kendo:wizard-step>

Event Attributes

iconTemplate String

The 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.

Example

<kendo:wizard-step iconTemplate="handle_iconTemplate">
</kendo:wizard-step>
<script>
    function handle_iconTemplate(e) {
        // Code to handle the iconTemplate event.
    }
</script>

Event Tags

kendo:wizard-step-iconTemplate

The 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.

Example

<kendo:wizard-step>
    <kendo:wizard-step-iconTemplate>
        <script>
            function(e) {
                // Code to handle the iconTemplate event.
            }
        </script>
    </kendo:wizard-step-iconTemplate>
</kendo:wizard-step>