The Xuni Calendar appears in default horizontal orientation. However, you can change the orientation of the calendar to Vertical by using the Orientation property. The Xuni Calendar class provides CalendarOrientation enumeration that can be set to set Vertical orientation as shown in the code below.

The following code example demonstrates how to set the Orientation in C# and XAML. This code example uses the sample created in the Quick Start.

In Code

//Setting the Orientation
calendar.Orientation = CalendarOrientation.Vertical;

In XAML

<Grid>
    <Label Text="{Binding MainText}" HorizontalOptions="Center" Font="Large" />
    <xuni:XuniCalendar x:Name="calendar" MaxSelectionCount="-1" DayOfWeekFontSize="21" HeaderBackgroundColor="#B1DCB6" HeaderTextColor="Black" HeaderFontFamily="Segoe UI" Orientation="Vertical"/>
  </Grid>

Copyright © GrapeCity, inc. All rights reserved.