How to change SFSchedule background color

[Oziel Guimarães]

Hello,

How can i change the SfSchedule background color?
I just could change the header background color, but i need to change the entire calendar.

Thanks for your help ;)

[Ganeshamoorthy Chandramoorthy]

Hi Oziel, 

  

Thank you for contacting Syncfusion support. 

  

SfSchedule control provides support to separately customize the background color of Header, ViewHeader, TimeSlots and MonthCell. You can change the entire background color of SfSchedule by customizing the Header, ViewHeader, TimeSlotColor and MontCell. Please refer the below code snippet. 

  

Code Snippet: 

             //Customizing header background color
            var headerStyle = new HeaderStyle();
            headerStyle.TextColor = Color.White;
            headerStyle.BackgroundColor = Color.LightSteelBlue;
            schedule.HeaderStyle = headerStyle;

            //Customizing ViewHeader background color
            var viewHeaderStyle = new ViewHeaderStyle();
            viewHeaderStyle.DayTextColor = Color.White;
            viewHeaderStyle.DateTextColor = Color.White;
            viewHeaderStyle.CurrentDayTextColor = Color.White;
            viewHeaderStyle.BackgroundColor = Color.LightSteelBlue;
            schedule.ViewHeaderStyle = viewHeaderStyle;

            //Customizing time slot background color for day view
            var dayViewSettings = new DayViewSettings();
            dayViewSettings.TimeSlotColor = Color.LightSteelBlue;
            var dayLabelSettings = new DayLabelSettings();
            dayLabelSettings.TimeLabelColor = Color.White;
            dayViewSettings.DayLabelSettings = dayLabelSettings;
            schedule.DayViewSettings = dayViewSettings;
            //Similarly you can customizing time slot background color of week and work week  

  

            //Customizing background color for month view
            var monthCellStyle = new MonthViewCellStyle();
            monthCellStyle.BackgroundColor = Color.LightSteelBlue;
            monthCellStyle.NextMonthBackgroundColor = Color.LightSteelBlue;
            monthCellStyle.PreviousMonthBackgroundColor = Color.LightSteelBlue;
            monthCellStyle.TodayBackgroundColor = Color.LightSteelBlue;
            monthCellStyle.TextColor = Color.White;
            schedule.MonthCellStyle = monthCellStyle;  

  

We have prepared a sample to customize the entire SfSchedule background color. Kindly find the sample below, 

  

Sample: Sample 

  

You can also refer our online User Guide Documentation by using the below links, 

  

https://help.syncfusion.com/xamarin/sfschedule/headers#appearance 

https://help.syncfusion.com/xamarin/sfschedule/dayview#viewheader-appearance 

https://help.syncfusion.com/xamarin/sfschedule/dayview#timeslot-appearance 

https://help.syncfusion.com/xamarin/sfschedule/monthview#customize-month-cell-using-style 

  

Please let us know, if you need further assistance on this. 

  

Regards, 

Ganeshamoorthy C