# Orientation

The navigation orientation of the Calendar control is in horizontal direction, by default. Learn more about changing the orientation in Blazor documentation.

## Content



By default, the navigation orientation of the Calendar control is in horizontal direction. However, you can change the navigation orientation of the calendar to Vertical direction by using [Orientation](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Calendar/C1.Blazor.Calendar.C1Calendar.Orientation.html) property of the [C1Calendar](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Calendar/C1.Blazor.Calendar.C1Calendar.html) class. The **Orientation** property accesses the [CalendarOrientation](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Calendar/C1.Blazor.Calendar.CalendarOrientation.html) enumeration to set the orientation in which the calendar navigates.

![Calendar control showcasing multiple months with vertical orientation](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/calendar-orientation.png)

The following code demonstrates how to set the vertical navigation orientation using the Orientation property:

```csharp
<C1Calendar MonthCount="2" Orientation="@CalendarOrientation.Horizontal"></C1Calendar>
```