Schedule grid line color

[Siggi]

Hi again,

the lines of the schedule grid (very light grey) are hard to see on some devices/monitors.

It would be great if that color could be configurable.

Regards

[Ganeshamoorthy Chandramoorthy]

Hi Siggi, 

 

We have checked with your query. In Schedule, you can customize the color of horizontal and vertical lines in week view by using TimeSlotBorderColor and VerticalLineColor properties of WeekViewSettings. Kindly refer the code snippet below, 

 

Code snippet: 

    <schedule:SfSchedule x:Name="schedule" ScheduleView="WeekView"> 

        <schedule:SfSchedule.WeekViewSettings> 

            <!--setting week view settings properties --> 

            <schedule:WeekViewSettings 

                               TimeSlotColor="#fcf3c9" 

                               TimeSlotBorderColor="#fceb9f" 

                               TimeSlotBorderStrokeWidth="5" 

                               VerticalLineStrokeWidth="5" 

                               VerticalLineColor="LightGray"> 

            </schedule:WeekViewSettings> 

        </schedule:SfSchedule.WeekViewSettings> 

    </schedule:SfSchedule> 

 

Similarly, you can customize the horizontal and vertical lines in day view and work week view. Kindly refer our online User Guide documentation using below links, 

 

https://help.syncfusion.com/xamarin/sfschedule/dayview#timeslot-customization-in-work-hours  

https://help.syncfusion.com/xamarin/sfschedule/weekview#timeslot-customization-in-work-hours  

https://help.syncfusion.com/xamarin/sfschedule/workweekview#timeslot-customization-in-work-hours 

 

For Month view, schedule does’t support to customize the vertical and horizontal lines in month cell. You can customize lines by using custom view. We have used Button as custom view for month cell and customized the lines color using BorderColor property. Kindly refer the code snippet and sample below, 

 

Code snippet: 

    <schedule:SfSchedule BindingContext="{Binding}" Margin="0,-10,0,0" 

              x:Name="Schedule" ShowAppointmentsInline="true" 

              ScheduleView="MonthView" 

              HorizontalOptions="FillAndExpand" 

              VerticalOptions="FillAndExpand" > 

        <schedule:SfSchedule.MonthViewSettings> 

            <schedule:MonthViewSettings> 

                <schedule:MonthViewSettings.MonthCellTemplate> 

                    <DataTemplate> 

                        <Button BorderColor="Black"  

                                    BorderWidth="0.4"  

                                    BorderRadius="0"  

                                    BackgroundColor = "White"  

                                    VerticalOptions="FillAndExpand"     

                                    HorizontalOptions="FillAndExpand"  

                                    Text="{Binding Date, StringFormat='{0:dd}'}"  

                                    TextColor="Black"/> 

                    </DataTemplate> 

                </schedule:MonthViewSettings.MonthCellTemplate> 

            </schedule:MonthViewSettings> 

        </schedule:SfSchedule.MonthViewSettings> 

    </schedule:SfSchedule> 

 

Sample: MonthCell_Customization 

 

You can also refer our online User Guide documentation below, 

https://help.syncfusion.com/xamarin/sfschedule/monthview#monthcell-appearance  

 

Regards, 

Ganeshamoorthy C 

[Siggi]

Hi Ganeshamoorthy C,

thanks for your infos, that is exactly what I want.

Regards.

[Vigneshkumar Ramasamy]

Hi Siggi,  

 

We glad to know that your requirement has been achieved. Please get in touch if you required further assistance on this. 

   

Regards 

Vigneshkumar R