New to Telerik UI for ASP.NET AJAX? Download free 30-day trial


The Stepper is rendered horizontally with an indicator element and a label for each Step. The Stepper provides the possibility to customize all of these configurations.


The orientation of the Stepper could be configured via the Orientation property which Indicates whether the Stepper will be rendered vertically or horizontally (default).

<telerik:RadStepper runat="server" ID="RadStepper1" Orientation="Vertical">

Horizontal (by default)

Horizontal Stepper


Vertical Stepper

Test how the Orientation property affects the Stepper in our Orientation demo.


By default both the Label and the Indicator(Icon) of each Step are displayed. The Stepper layout could be configured via the ShowLabel and ShowIndicator properties. By default both properties are enabled.

Based on the values set to the ShowLabel and ShowIndicator properties, three major layouts can be achieved:

Labels and Indicators (default)

<telerik:RadStepper runat="server" ID="RadStepper1" ShowIndicator="true" ShowLabel="true">

Labels and Indicators

Labels only

<telerik:RadStepper runat="server" ID="RadStepper1" ShowIndicator="false" ShowLabel="true">

Labels only

Indicators only

<telerik:RadStepper runat="server" ID="RadStepper1" ShowIndicator="true" ShowLabel="false">

Indicators only

Check out the three options in our Layout live demo.

See Also

In this article