Appearance
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.
Orientation
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)
Vertical
Test how the Orientation
property affects the Stepper in our Orientation demo.
Layout
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 only
<telerik:RadStepper runat="server" ID="RadStepper1" ShowIndicator="false" ShowLabel="true">
Indicators only
<telerik:RadStepper runat="server" ID="RadStepper1" ShowIndicator="true" ShowLabel="false">
Check out the three options in our Layout live demo.