Background styling

[Alex]

Hi, 

Is it possible to make the scheduler transparent so that we can apply a background wallpaper/image?

Regards,

Alex

[Karthikraja Arumugam]

Hi Alex,

We can set a transparent color for the Schedule to make the view transparent. Additionally, we need to set the schedule theme keys to transparent. We have prepared a simple sample with a transparent background for the schedule.

Please refer to the below UG documentation to learn about Schedule theme keys and set the Transparent value for each key based on your requirements.

https://help.syncfusion.com/xamarin/scheduler/schedule-theme

Code Snippet:

    <ContentPage.Resources>

        <syncCore:SyncfusionThemeDictionary>

            <syncCore:SyncfusionThemeDictionary.MergedDictionaries>

                <ResourceDictionary>

                    <x:String x:Key="SfScheduleTheme">CustomTheme</x:String>

                    <Color x:Key="SfScheduleMonthViewTodayBackground">Transparent</Color>

                    <Color x:Key="SfScheduleHeaderBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleViewHeaderBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleSelectionBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthCellBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthCellTodayBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthCellPreviousMonthBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthCellNextMonthBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthViewWeekNumberBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleMonthAgendaViewBackgroundColor">Transparent</Color>

                    <Color x:Key="SfScheduleDayViewTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleDayViewNonWorkingHoursTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleWeekViewNonWorkingHoursTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleWeekViewTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleWorkWeekViewNonWorkingHoursTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleWorkWeekViewTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleTimelineViewNonWorkingHoursTimeSlotColor">Transparent</Color>

                    <Color x:Key="SfScheduleTimelineViewTimeSlotColor">Transparent</Color>

                </ResourceDictionary>

            </syncCore:SyncfusionThemeDictionary.MergedDictionaries>

        </syncCore:SyncfusionThemeDictionary>

    </ContentPage.Resources>

 

 

    <Grid Background="LightBlue">

        <schedule:SfSchedule x:Name="schedule" Background="Transparent" />

    </Grid>

 

 

Please check the attached sample and let us know if you have any concerns.

Regards,

Karthik Raja A

Attachment: ScheduleXamarin_75e9e8b3.zip