StepperStepBuilder

Methods

Enabled(System.Boolean)

Defines whether the Step is enabled or not. By default all steps are enabled.

Parameters

value - System.Boolean

The value that configures the enabled.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").Enabled(false);
                        })
            )

Error(System.Boolean)

Defines whether the Step is in error state (is invalid). By default all steps are valid.

Parameters

value - System.Boolean

The value that configures the error.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").Error(false);
                        })
            )

Icon(System.String)

Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step. For a list of available icon names, please refer to the Web Font Icons article.

Parameters

value - System.String

The value that configures the icon.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user");
                        })
            )

IconTemplate(System.String)

The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (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.

Parameters

value - System.String

The value that configures the icontemplate.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").IconTemplate("content");
                        })
             )

IconTemplateId(System.String)

The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (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.

Parameters

value - System.String

The value that configures the icontemplate.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                             s.Add().Label("Personal Info").Icon("user").IconTemplateId("id");
                        })
            )

IconTemplateView(System.Web.Mvc.MvcHtmlString)

The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (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.

Parameters

value - System.Web.Mvc.MvcHtmlString

The value that configures the icontemplate.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").IconTemplateView(Html.Partial("IconTemplateView"));
                        })
            )

IconTemplateHandler(System.String)

The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (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.

Parameters

value - System.String

The value that configures the icontemplate.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").IconTemplateHandler("handler");
                        })
            )

IconTemplate(Kendo.Mvc.UI.TemplateBuilder)

The template used to render the icon in the indicator of the step.The fields which can be used in the template are: label String - the label set on the step; icon String - the icon specified for this step (if any); successIcon String - the successIcon specified for this step (if any); enabled Boolean - indicates whether the step is enabled (true) or disabled (false); error Boolean - indicates whether the step has error (true) or not (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.

Parameters

template - TemplateBuilder<TModel>

A Template component that configures the icontemplate.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").IconTemplate(Html.Kendo().Template().AddHtml("<b>Content</b>"));
                        })
            )

Label(System.String)

Defines the label (text) of the Step.

Parameters

value - System.String

The value that configures the label.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user");
                        })
            )

Selected(System.Boolean)

Defines whether the Step is selected.

Parameters

value - System.Boolean

The value that configures the selected.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").Icon("user").Selected(true);
                        })
            )

SuccessIcon(System.String)

Defines a name of an existing icon in the Kendo UI theme sprite. The icon will be displayed in the indicator element of that Step, when the step is a previous one and it does not have an error. For a list of available icon names, please refer to the Web Font Icons article.

Parameters

value - System.String

The value that configures the successicon.

Example

            @(Html.Kendo().Stepper()
                        .Name("stepper")
                        .Steps(s =>
                        {
                            s.Add().Label("Personal Info").SuccessIcon("user");
                        })
            )