Stepper HtmlHelper Overview

The Telerik UI Stepper HtmlHelper for ASP.NET Core is a server-side wrapper for the Kendo UI Stepper widget.

The Stepper is an intuitive UI component that visualizes progress by displaying a sequence of logical steps. The Stepper widget could also be used for navigational purposes.

Initializing the Stepper

The following example demonstrates how to define the Stepper by using the Stepper HtmlHelper.

    @(Html.Kendo().Stepper()
        .Name("stepper")
    )

Basic Configuration

The following example demonstrates the basic configuration for the Stepper HtmlHelper.

    @(Html.Kendo().Stepper()
        .Name("stepper")
        .Steps(s =>
        {
            s.Add().Label("First Step");
            s.Add().Label("Second Step").Selected(true);
            s.Add().Label("Last Step").Icon("save");
        })
    )

    <script>
    $(function() {
        // The Name() of the Stepper is used to get its client-side instance.
        var stepper = $("#stepper").data("kendoStepper");
    });
    </script>

Functionality and Features

See Also

In this article
Not finding the help you need? Improve this article