Category / Section
How to customize the month cell border lines of SfCalendar?
1 min read
You can customize the month cell’s bordering lines by using CellGridOptions. CellGridOptions property holds VerticalLines, HorizontalLines, Both and None
Default CellGridOptions is HorizontalLines.
The following code illustrates how to achieve this.
Using XAML:
<?xml version="1.0" encoding="utf-8" ?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:Syncfusion ="clr-namespace:Syncfusion.SfCalendar.XForms;assembly=Syncfusion.SfCalendar.XForms" x:Class="SfCalendarKB.MainPage"> <ContentPage.Content> <Syncfusion:SfCalendar x:Name="calendar" > <Syncfusion:SfCalendar.MonthViewSettings> <Syncfusion:MonthViewSettings CellGridOptions="VerticalLines" /> </Syncfusion:SfCalendar.MonthViewSettings> </Syncfusion:SfCalendar> </ContentPage.Content> </ContentPage>
Sample Link:
Screenshots:
UWP:
|
|
|
Android:
|
Ios:
