Orientation in Xamarin StepProgressBar (Step Progress Bar)

20 Jan 20251 minute to read

The StepProgressBar control provides options to change the default orientation, so a multi-step process can be visualized in horizontal or vertical orientation.

Horizontal

By default, StepProgressBar step views are displayed horizontally. You can also define the orientation as demonstrated in the following code example.

XAML

<progressBar:SfStepProgressBar Orientation="Horizontal" />

C#

SfStepProgressBar stepProgress = new SfStepProgressBar();
stepProgress.Orientation = StepOrientation.Horizontal;

Vertical

To view the step progress bar control vertically, you can define the vertical orientation as demonstrated in the following code example.

XAML

<progressBar:SfStepProgressBar Orientation="Vertical" />

C#

SfStepProgressBar stepProgress = new SfStepProgressBar();
stepProgress.Orientation = StepOrientation.Vertical;