Stepper Overview

Telerik UI for ASP.NET MVC Ninja image

The Stepper is part of Telerik UI for ASP.NET MVC, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The Telerik UI Stepper HtmlHelper for ASP.NET MVC 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.

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

Basic Configuration

The following example demonstrates the basic configuration for the Stepper.

    @(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