xamarin-docs/Xamarin/StepProgressBar/Orientation.md

layout	title	description	platform	control	documentation
post	Orientation in Xamarin StepProgressBar control | Syncfusion	Learn here all about Orientation support in Syncfusion Xamarin StepProgressBar (Step Progress Bar) control and more.	Xamarin	StepProgressBar	ug

Orientation in Xamarin StepProgressBar (Step Progress Bar)

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.

{% tabs %}

{% highlight xaml %}

<progressBar:SfStepProgressBar Orientation="Horizontal" />

{% endhighlight %}

{% highlight c# %}

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

{% endhighlight %}

{% endtabs %}

Vertical

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

{% tabs %}

{% highlight xaml %}

<progressBar:SfStepProgressBar Orientation="Vertical" />

{% endhighlight %}

{% highlight c# %}

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

{% endhighlight %}

{% endtabs %}