Steps

The steps configuration allows you to configure each Step of the Telerik UI for ASP.NET Core Stepper.

You can set the label and the icon of an indicator element and define whether they would be enabled and available for selection or not. You can further set teh step that would be selected when the widget is rendered. The configuration also allows you to also define whether a step would be in error state.

The following example demonstrates how the set the configuration for the Steps of the Stepper through the steps configuration.

Razor

    @(Html.Kendo().stepper()
        .Name("stepper")
        .Steps(s =>
        {
            s.Add().Label("First Step").Icon("home");
            s.Add().Label("Second Step").Icon("paperclip").Error(true);
            s.Add().Label("Third Step").Icon("eye").Selected(true);
            s.Add().Label("Last Step").Icon("save").Enabled(false);
        })
    )

Razor

    <kendo-stepper name="stepper">
        <steps>
            <step label="First" icon="home"></step>
            <step label="Second" selected="true"></step>
            <step label="Third"></step>
            <step label="Fourth" enabled="false"></step>
            <step label="Fifth"></step>
        </steps>
    </kendo-stepper>

See Also

• Basic Usage of the Stepper HtmlHelper for ASP.NET Core (Demo)