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