ASP.NET MVC Stepper Overview

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.

• Demo page for the Stepper TagHelper

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

• 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

• Getting Started with the Stepper
• Basic Usage of the Stepper for ASP.NET MVC (Demo)

See Also

• Using the API of the Stepper (Demo)
• Knowledge Base Section