ASP.NET MVC 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.


Basic Configuration

The following example demonstrates the basic configuration for the Stepper.

        .Steps(s =>
            s.Add().Label("First Step");
            s.Add().Label("Second Step").Selected(true);
            s.Add().Label("Last Step").Icon("save");

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

Functionality and Features

  • Icons—The Stepper enables you to customize the rendered icons.
  • Steps—The component provides different configuration options for its steps.
  • Appearance—The Stepper enables you to customize its final appearance.
  • Operation modes—The component provides the capability of operation modes.
  • Accessibility—The Stepper is compatible with the global accessibility requirements.

Next Steps

See Also

In this article