Progress Telerik UI for ASP.NET MVC

ASP.NET MVC Stepper

  • Use the ASP.NET MVC Stepper component to split complex processes like purchases into smaller steps. Benefit from built-in icons, fonts and colors, vertical and horizontal orientation settings, keyboard navigation and more. 
  • This control is part of the Telerik ASP.NET MVC suite along with 100+ full-featured UI components, designed to build rich & responsive web apps for any device twice as fast.
  • Achieve fast meaningful results with our detailed documentation, live demos, online technical trainings & outstanding support team.
Telerik UI for ASP.NET MVC Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Stepper component in Telerik UI for ASP.NET MVC is a way to display the progress a user has made in a sequence of steps that must be completed together for a bigger action to be completed. It’s best used when you don’t want to overwhelm the user with a huge page with many inputs to fill. For example, they might be at step 2 of the booking process of a hotel reservation. The Stepper is a valuable tool for simplifying navigation in your app.

    Telerik UI for ASP.NET MVC Stepper Component
  • Orientation, Layout and Customization

    The Stepper is highly configurable as the rest of our suite. The sequence of steps can be laid out horizontally or vertically. The labels on each step can be displayed at the same level as the step number or next to it. You can pick your own icons, fonts, colors and make the stepper UI fit seemingly into the rest of the page. How far has the user progressed through the Stepper may be displayed with both labels and indicators of progress, or just one of the two.

    Telerik UI for ASP.NET MVC Stepper Orientation
  • Operation Modes

    How users navigate through the sequence of steps is further customizable. A native stepper would only allow you to go from one step to the next without skipping. With Telerik UI for ASP.NET MVC’s Stepper, you are free to

    • Mark steps as optional
    • Allow the user to go back to a previous step or skip several steps at once and fill them later
    • Display errors and warnings about incorrectly filled in data directly in the stepper
  • Keyboard Navigation and Accessibility

    Above all, it’s important for your users to use the stepper as they prefer. The component is designed to fit in all scenarios you might want to put it in so it also works without a mouse with intuitive keyboard shortcuts (e.g. arrows for navigating left and right, HOME and END for going to the first and last steps). On top of that, the Stepper works with all RTL languages and has meaningful ARIA attributes to help users who need ARIA compatibility.

    Telerik UI for ASP.NET Core Keyboard navigation
get-started-waves

Next Steps

Launch demos

See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try UI for ASP.NET MVC with dedicated technical support.