Added images and proper example codes

Author: Harish-SF4429

MAUI/Scheduler/images/month-view/appointment-indicator-stroke-thickness-maui-scheduler.png

@@ -119,7 +119,7 @@ The scheduler month view allows you to customize the appointment indicator rende
 <schedule:SfScheduler x:Name="Scheduler"
                         View="Month" >
         <schedule:SfScheduler.MonthView>
-            <schedule:SchedulerMonthView AppointmentDisplayMode="Indicator" AppointmentIndicatorRenderMode="FillAndStroke"/>
+            <schedule:SchedulerMonthView AppointmentDisplayMode="Indicator" AppointmentIndicatorSize="15" AppointmentIndicatorCount="2" AppointmentIndicatorRenderMode="Stroke"/>
         </schedule:SfScheduler.MonthView>
 </schedule:SfScheduler>
 
@@ -128,11 +128,15 @@ The scheduler month view allows you to customize the appointment indicator rende
 
 this.Scheduler.View = SchedulerView.Month;
 this.Scheduler.MonthView.AppointmentDisplayMode = SchedulerMonthAppointmentDisplayMode.Indicator;
-this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.FillAndStroke;
+this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.Stroke;
+this.Scheduler.MonthView.AppointmentIndicatorSize = 15;
+this.Scheduler.MonthView.AppointmentIndicatorCount = 2;
 
 {% endhighlight %}  
 {% endtabs %}
 
+![appointment-renderer-mode-stroke-maui-scheduler](images/month-view/appointment-renderer-mode-stroke-maui-scheduler.png){:width="325" height="600" loading="lazy" .lazy .shadow-effect .section-padding .img-padding}
+
 ## Appointment indicator stroke thickness
 
 The scheduler month view allows you to customize the appointment indicator stroke thickness by using the `AppointmentIndicatorStrokeThickness` property of the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html). By default, the `AppointmentIndicatorStrokeThickness` is set to 1d.
@@ -143,7 +147,7 @@ The scheduler month view allows you to customize the appointment indicator strok
 <schedule:SfScheduler x:Name="Scheduler"
                         View="Month" >
         <schedule:SfScheduler.MonthView>
-            <schedule:SchedulerMonthView AppointmentDisplayMode="Indicator" AppointmentIndicatorSize="20" AppointmentIndicatorRenderMode="FillAndStroke" AppointmentIndicatorStrokeThickness="4"/>
+            <schedule:SchedulerMonthView AppointmentDisplayMode="Indicator" AppointmentIndicatorSize="20" AppointmentIndicatorRenderMode="Stroke" AppointmentIndicatorStrokeThickness="4"/>
         </schedule:SfScheduler.MonthView>
 </schedule:SfScheduler>
 
@@ -152,13 +156,15 @@ The scheduler month view allows you to customize the appointment indicator strok
 
 this.Scheduler.View = SchedulerView.Month;
 this.Scheduler.MonthView.AppointmentDisplayMode = SchedulerMonthAppointmentDisplayMode.Indicator;
-this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.FillAndStroke;
+this.Scheduler.MonthView.AppointmentIndicatorRenderMode = AppointmentIndicatorRenderMode.Stroke;
 this.Scheduler.MonthView.AppointmentIndicatorSize = 20;
 this.Scheduler.MonthView.AppointmentIndicatorStrokeThickness = 4;
 
 {% endhighlight %}  
 {% endtabs %}
 
+![appointment-indicator-stroke-thickness-maui-scheduler](images/month-view/appointment-indicator-stroke-thickness-maui-scheduler.png){:width="325" height="600" loading="lazy" .lazy .shadow-effect .section-padding .img-padding}
+
 ## Hide leading and trailing dates
 
 The previous and next month dates from a Scheduler month view can be hidden by using the [ShowLeadingAndTrailingDates](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html#Syncfusion_Maui_Scheduler_SchedulerMonthView_ShowLeadingAndTrailingDates) property in the [MonthView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerMonthView.html). The `ShowLeadingAndTrailingDates` property defaults to `true.`

MAUI/Scheduler/images/month-view/appointment-renderer-mode-stroke-maui-scheduler.png

@@ -176,86 +176,126 @@ this.Scheduler.ResourceView.ResourceGroupType = SchedulerResourceGroupType.Date;
 
 In Mobile platforms, the resource view for the day, week, and work week view where grouped under an adaptive header.
 
+N> The adaptive header display of resources in the **Day**, **Week**, and **Work Week** views is supported only on .NET MAUI mobile platforms (**Android** and **iOS**).
+
 ### Customize hamburger icon color
 
 The hamburger icon color can be customized by using the `HamburgerIconColor` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
 
 {% tabs %}
 {% highlight XAML hl_lines="4" %}
 
- <syncfusion:SfScheduler x:Name="Scheduler">
+ <syncfusion:SfScheduler x:Name="Scheduler" View="Day">
      <syncfusion:SfScheduler.ResourceView>
-         <syncfusion:SchedulerResourceView HamburgerIconColor="Black" />
+         <syncfusion:SchedulerResourceView HamburgerIconColor="Red" />
      </syncfusion:SfScheduler.ResourceView>
  </syncfusion:SfScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="2" %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection<SchedulerResource>()
+{
+   new SchedulerResource() { Name = "Sophia", Id = "1000" },
+   new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+   new SchedulerResource() { Name = "James William", Id = "1002" },
+};
 
-this.Scheduler.ResourceView.HamburgerIconColor = Colors.Black;
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.HamburgerIconColor = Colors.Red;
 
 {% endhighlight %}
 {% endtabs %}
 
+![customize-hamburger-icon-color-in-maui-scheduler](images/resource-view/customize-hamburger-icon-color-in-maui-scheduler.png)
+
 ### Customize drawer resource selection color
 
 The drawer resource selection color can be customized by using the `DrawerResourceSelectionColor` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
 
 {% tabs %}
 {% highlight XAML hl_lines="4" %}
 
- <syncfusion:SfScheduler x:Name="Scheduler">
+ <syncfusion:SfScheduler x:Name="Scheduler" View="Day">
      <syncfusion:SfScheduler.ResourceView>
          <syncfusion:SchedulerResourceView DrawerResourceSelectionColor="DodgerBlue" />
      </syncfusion:SfScheduler.ResourceView>
  </syncfusion:SfScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="2" %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection<SchedulerResource>()
+{
+   new SchedulerResource() { Name = "Sophia", Id = "1000" },
+   new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+   new SchedulerResource() { Name = "James William", Id = "1002" },
+};
 
+this.Scheduler.ResourceView.Resources = Resources;
 this.Scheduler.ResourceView.DrawerResourceSelectionColor = Brush.DodgerBlue;
 
 {% endhighlight %}
 {% endtabs %}
 
+![customize-drawer-resource-selection-color-in-maui-scheduler](images/resource-view/customize-drawer-resource-selection-color-in-maui-scheduler.png)
+
 ### Customize drawer background
 
 The drawer background can be customized by using the `DrawerBackground` property of the [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6).
 
 {% tabs %}
 {% highlight XAML hl_lines="4" %}
 
- <syncfusion:SfScheduler x:Name="Scheduler">
+ <syncfusion:SfScheduler x:Name="Scheduler" View="Day">
      <syncfusion:SfScheduler.ResourceView>
-         <syncfusion:SchedulerResourceView DrawerBackground="Red" />
+         <syncfusion:SchedulerResourceView DrawerBackground="LightGoldenrodYellow" />
      </syncfusion:SfScheduler.ResourceView>
  </syncfusion:SfScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="2" %}
+{% highlight C# hl_lines="9" %}
+var Resources = new ObservableCollection<SchedulerResource>()
+{
+   new SchedulerResource() { Name = "Sophia", Id = "1000" },
+   new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+   new SchedulerResource() { Name = "James William", Id = "1002" },
+};
 
-this.Scheduler.ResourceView.DrawerBackground = Brush.Red;
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.DrawerBackground = Brush.LightGoldenrodYellow;
 
 {% endhighlight %}
 {% endtabs %}
 
+![customize-drawer-background-in-maui-scheduler](images/resource-view/customize-drawer-background-in-maui-scheduler.png)
+
 ### Customize adaptive header appearance using DataTemplate
 
 The adaptive header appearance customization can be achieved by using the `AdaptiveHeaderTemplate` property of [SchedulerResourceView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html?tabs=tabid-13%2Ctabid-6) in the [SfScheduler](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html).
 
 {% tabs %}
-{% highlight xaml tabtitle="MainPage.xaml" hl_lines="5 6 7 8 9 10 11 12 13 14 15" %}
+{% highlight xaml tabtitle="MainPage.xaml" %}
 
-<schedule:SfScheduler x:Name="Scheduler">
+<schedule:SfScheduler x:Name="Scheduler" View="Day">
     <schedule:SfScheduler.ResourceView>
         <schedule:SchedulerResourceView>
             <schedule:SchedulerResourceView.AdaptiveHeaderTemplate>
                 <DataTemplate>
-                    <Grid Padding="8">
+                    <Grid Padding="8" BackgroundColor="PaleGreen">
                         <HorizontalStackLayout Spacing="8" VerticalOptions="Center">
-                            <Label Text="{Binding Name}"
-                                        FontAttributes="Bold"
-                                        FontSize="14" />
+                            <Label Text="☰"
+                                    FontSize="16"
+                                    VerticalTextAlignment="Center"
+                                    HorizontalTextAlignment="Center"
+                                    TextColor="Red"
+                                    Margin="0,0,12,0">
+                                <Label.GestureRecognizers>
+                                    <TapGestureRecognizer Tapped="OnTapped" />
+                                </Label.GestureRecognizers>
+                            </Label>
+                            <Label Text="{Binding Resource.Name}"
+                                    FontAttributes="Bold"
+                                    FontSize="14" 
+                                    TextColor="DarkViolet" />
                         </HorizontalStackLayout>
                     </Grid>
                 </DataTemplate>
@@ -267,25 +307,73 @@ The adaptive header appearance customization can be achieved by using the `Adapt
 {% endhighlight %}
 {% highlight c# tabtitle="MainPage.xaml.cs" %}
 
- this.Scheduler.ResourceView.AdaptiveHeaderTemplate = new DataTemplate(() =>
- {
-    var nameLabel = new Label
+var Resources = new ObservableCollection<SchedulerResource>()
+{
+   new SchedulerResource() { Name = "Sophia", Id = "1000" },
+   new SchedulerResource() { Name = "Zoey Addison", Id = "1001" },
+   new SchedulerResource() { Name = "James William", Id = "1002" },
+};
+
+this.Scheduler.ResourceView.Resources = Resources;
+this.Scheduler.ResourceView.AdaptiveHeaderTemplate = new DataTemplate(() =>
+{
+    var grid = new Grid
     {
-        FontAttributes = FontAttributes.Bold,
-        FontSize = 14,
+        Padding = 8,
+        BackgroundColor = Colors.PaleGreen
+    };
+
+    var stack = new HorizontalStackLayout
+    {
+        Spacing = 8,
         VerticalOptions = LayoutOptions.Center
     };
-    nameLabel.SetBinding(Label.TextProperty, "Name");
 
-    var row = new HorizontalStackLayout { Spacing = 8, VerticalOptions = LayoutOptions.Center };
-    row.Children.Add(nameLabel);
+    var menuLabel = new Label
+    {
+        Text = "☰",
+        FontSize = 16,
+        TextColor = Colors.Red,
+        VerticalTextAlignment = TextAlignment.Center,
+        HorizontalTextAlignment = TextAlignment.Center,
+        Margin = new Thickness(0, 0, 12, 0)
+    };
 
-    return new Grid { Padding = 8, Children = { row } };
+    var tap = new TapGestureRecognizer();
+    tap.Tapped += OnTapped;
+    menuLabel.GestureRecognizers.Add(tap);
+    var nameLabel = new Label
+    {
+        FontAttributes = FontAttributes.Bold,
+        FontSize = 14,
+        TextColor = Colors.DarkViolet
+    };
+    
+    nameLabel.SetBinding(Label.TextProperty, "Resource.Name");
+    stack.Add(menuLabel);
+    stack.Add(nameLabel);
+    grid.Add(stack);
+    return grid;
 });
 
+private void OnTapped(object sender, TappedEventArgs e)
+{
+    if (sender is Label label && label.BindingContext is SchedulerAdaptiveResource resource)
+    {
+        resource.ToggleResourceDrawerView();
+    }
+}
+
 {% endhighlight %}
 {% endtabs %}
 
+![customize-adapter-header-template-in-maui-scheduler](images/resource-view/customize-adapter-header-template-in-maui-scheduler.png)
+
+N> 
+
+* The BindingContext of the `AdaptiveHeaderTemplate` is the `SchedulerAdaptiveResource.`
+* The `ToggleResourceDrawerView` method should be called on the `SchedulerAdaptiveResource` instance obtained from the control’s BindingContext. It toggles the visibility of the drawer resource view. It is used only when the `AdaptiveHeaderTemplate` is applied.
+
 ## Visible Resource Count
 
 The number of resources shown in the day, week, work week, timelineday, timelineweek, timelineworkweek views can be controlled using the [`VisibleResourceCount`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_VisibleResourceCount) property of the [`SchedulerResourceView`](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerResourceView.html#Syncfusion_Maui_Scheduler_SchedulerResourceView_Resources) class. This lets you define how many resources are visible at a time.

MAUI/Scheduler/images/resource-view/customize-adapter-header-template-in-maui-scheduler.png

@@ -140,6 +140,8 @@ N> The `Timeline workweek` view displays exactly the defined working days on Sch
 
 The `HideNonWorkingDays` property of the [TimelineView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimelineView.html) allows you to control the visibility of non-working days in `TimelineMonth`. By default, the `HideNonWorkingDays` property is set to false.
 
+N> The `HideNonWorkingDays` property will be applicable only for `TimelineMonth` view, and not be applicable for the remaining views.
+
 {% tabs %}
 {% highlight XAML hl_lines="6" %}
 
@@ -163,6 +165,8 @@ this.Content = scheduler;
 {% endhighlight %}
 {% endtabs %}
 
+![hide-non-working-days-in-timelinemonth-maui-scheduler](images/timeline-views/hide-non-working-days-in-timelinemonth-maui-scheduler.png)
+
 ## Flexible working hours
 
 The default values for [StartHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_StartHour) and [EndHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_EndHour) are `0` and `24` respectively, to show all the time slots for a timeline day, timeline week, or timeline workweek view. You may set these properties to show only the required time periods in [TimelineView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimelineView.html). You can set [StartHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_StartHour) and [EndHour](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerTimeSlotView.html#Syncfusion_Maui_Scheduler_SchedulerTimeSlotView_EndHour) in the time duration to show the required time duration in minutes.