Added overview image

Author: Harish-SF4429

MAUI/SmartScheduler/events.md

@@ -23,7 +23,7 @@ The `SfSmartScheduler` control provides the `AssistAppointmentResponseCompleted`
 The following example demonstrates how to handle the `AssistAppointmentResponseCompleted` event.
 
 {% tabs %}
-{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="1" %}
 
 <smartScheduler:SfSmartScheduler x:Name="smartScheduler" AssistAppointmentResponseCompleted="OnAssistAppointmentResponseCompleted"/>
 

MAUI/SmartScheduler/images/overview/maui-smart-scheduler-overview.png

@@ -10,15 +10,17 @@ keywords : .net maui smartScheduler, maui smart scheduler, ai scheduling, natura
 
 # Overview of .NET MAUI Smart Scheduler (SfSmartScheduler)
 
-The Syncfusion<sup>&reg;</sup> .NET MAUI Smart Scheduler (SfSmartScheduler) combines the power of the Scheduler with AI-driven intent understanding. Users can create, update, delete, and explore appointments using plain language—reducing clicks and turning scheduling into a conversation. It respects current view context, resources, and availability, and can detect conflicts, find free time, and summarize schedules.
+The Syncfusion<sup>&reg;</sup> .NET MAUI Smart Scheduler (SfSmartScheduler) combines the power of the Scheduler with AI-driven intent understanding. Users can create, update, delete, and explore appointments using plain language, reducing clicks and turning scheduling into a conversation. It respects current view context, resources, and availability, and can detect conflicts, find free time, and summarize schedules.
+
+<img src="images\overview\maui-smart-scheduler-overview.png" width="600" alt=".NET MAUI Smart Scheduler." />
 
 ## Key features
 
 * **Natural-language CRUD:** Create, update, and delete appointments by typing what you want. The SmartScheduler understands time, date, subject, recurrence, and even resource references without requiring structured forms.
 
 * **Resource-aware booking:** Book rooms, equipment, or people while respecting their availability and the scheduler’s current filters. When a requested resource is unavailable, the control can suggest alternatives or adjacent time slots.
 
-* **Conflict detection:** Instantly detect overlapping appointments for selected dates, ranges, or resources. The smart scheduler can highlight conflicts and propose resolutions (e.g., reschedule, reassign, or extend buffer times)()
+* **Conflict detection:** Instantly detect overlapping appointments for selected dates, ranges, or resources. The smart scheduler can highlight conflicts and propose resolutions (e.g., reschedule, reassign, or extend buffer times)
 
 * **Smart summarization:** Generate concise summaries for upcoming or selected appointments, helping users understand what’s next at a glance (e.g., “Summarize my meetings tomorrow”).
 

MAUI/SmartScheduler/overview.md

@@ -19,12 +19,12 @@ You can customize the assist button interaction and the default appearance of as
 The assist button interaction can be enabled or disabled by setting the `EnableAssistButton` property of the `SfSmartScheduler` control. By default, the `EnableAssistButton` property is set to true.
 
 {% tabs %}
-{% highlight XAML hl_lines="2" %}
+{% highlight XAML hl_lines="1" %}
 
  <smartScheduler:SfSmartScheduler x:Name="Scheduler" EnableAssistButton="False"/>
 
 {% endhighlight %}
-{% highlight C# hl_lines="3" %}
+{% highlight C# hl_lines="2" %}
 
 SfSmartScheduler scheduler = new SfSmartScheduler();
 smartScheduler.EnableAssistButton = false;
@@ -38,7 +38,7 @@ this.Content = scheduler;
 The assist button appearance can be customized by using the `AssistButtonTemplate` property of `SfSmartScheduler` control.
 
 {% tabs %}
-{% highlight xaml tabtitle="MainPage.xaml" hl_lines="3 4 5 6 7 8 9 10 11 12 13" %}
+{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2 3 4 5 6 7 8 9 10 11 12" %}
 
  <smartScheduler:SfSmartScheduler x:Name="Scheduler">
     <smartScheduler:SfSmartScheduler.AssistButtonTemplate>
@@ -91,7 +91,7 @@ You can customize default appearance of the assist button view by setting the `A
 The assist view height can be customized by using the `AssistViewHeight` property of the `AssistViewSettings`.
 
 {% tabs %}
-{% highlight XAML hl_lines="4" %}
+{% highlight XAML hl_lines="3" %}
 
 <smartScheduler:SfSmartScheduler  x:Name="smartScheduler">
     <smartScheduler:SfSmartScheduler.AssistViewSettings>
@@ -100,7 +100,7 @@ The assist view height can be customized by using the `AssistViewHeight` propert
 </smartScheduler:SfSmartScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="3" %}
+{% highlight C# hl_lines="2" %}
 
 SfSmartScheduler scheduler = new SfSmartScheduler();
 smartScheduler.AssistViewSettings.AssistViewHeight = 420;
@@ -114,19 +114,19 @@ this.Content = scheduler;
 The assist view width can be customized by using the `AssistViewWidth` property of the `AssistViewSettings`.
 
 {% tabs %}
-{% highlight XAML hl_lines="4" %}
+{% highlight XAML hl_lines="3" %}
 
 <smartScheduler:SfSmartScheduler  x:Name="smartScheduler">
     <smartScheduler:SfSmartScheduler.AssistViewSettings>
-        <smartScheduler:SchedulerAssistViewSettings AssistViewWidth="250"/>
+        <smartScheduler:SchedulerAssistViewSettings AssistViewWidth="400"/>
     </smartScheduler:SfSmartScheduler.AssistViewSettings>
 </smartScheduler:SfSmartScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="3" %}
+{% highlight C# hl_lines="2" %}
 
 SfSmartScheduler scheduler = new SfSmartScheduler();
-smartScheduler.AssistViewSettings.AssistViewWidth = 250;
+smartScheduler.AssistViewSettings.AssistViewWidth = 400;
 this.Content = scheduler;
 
 {% endhighlight %}
@@ -137,7 +137,7 @@ this.Content = scheduler;
 The assist view header text can be customized by using the `AssistViewHeaderText` property of the `AssistViewSettings`. By default, `AI Assistant` text is shown in the assist view header.
 
 {% tabs %}
-{% highlight XAML hl_lines="4" %}
+{% highlight XAML hl_lines="3" %}
 
 <smartScheduler:SfSmartScheduler  x:Name="smartScheduler">
     <smartScheduler:SfSmartScheduler.AssistViewSettings>
@@ -146,7 +146,7 @@ The assist view header text can be customized by using the `AssistViewHeaderText
 </smartScheduler:SfSmartScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="3" %}
+{% highlight C# hl_lines="2" %}
 
 SfSmartScheduler smartScheduler = new SfSmartScheduler();
 smartScheduler.AssistViewSettings.AssistViewHeaderText = "Smart Scheduler";
@@ -160,7 +160,7 @@ this.Content = smartScheduler;
 The assist view placeholder text can be customized by using the `Placeholder` property of the `AssistViewSettings`. By default, `Type here...` text is shown in the placeholder.
 
 {% tabs %}
-{% highlight XAML hl_lines="4" %}
+{% highlight XAML hl_lines="3" %}
 
 <smartScheduler:SfSmartScheduler  x:Name="smartScheduler">
     <smartScheduler:SfSmartScheduler.AssistViewSettings>
@@ -169,7 +169,7 @@ The assist view placeholder text can be customized by using the `Placeholder` pr
 </smartScheduler:SfSmartScheduler>
 
 {% endhighlight %}
-{% highlight C# hl_lines="3" %}
+{% highlight C# hl_lines="2" %}
 
 SfSmartScheduler smartScheduler = new SfSmartScheduler();
 smartScheduler.AssistViewSettings.Placeholder = "Enter your message...";
@@ -183,7 +183,7 @@ this.Content = smartScheduler;
 The assist view prompt text can be customized by using the `Prompt` property of the `AssistViewSettings`. By default, the `Prompt` property is set to empty.
 
 {% tabs %}
-{% highlight XAML hl_lines="4" %}
+{% highlight XAML hl_lines="3" %}
 
 <smartScheduler:SfSmartScheduler  x:Name="smartScheduler">
     <smartScheduler:SfSmartScheduler.AssistViewSettings>