Skip to content

Commit 508bea9

Browse files
Abinaya-SF4661Abinaya-SF4661
committed
Merge branch 'development' of https://github.com/syncfusion-content/maui-docs into DataGrid_UIFiltering
2 parents 85c5522 + 85a61eb commit 508bea9

File tree

16 files changed

+336
-52
lines changed

16 files changed

+336
-52
lines changed

‎MAUI/NavigationDrawer/Images/multi-drawer/multi-drawer.gif‎

402 KB
Loading

‎MAUI/NavigationDrawer/Multi-Drawer.md‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
---
2+
layout: post
3+
title: Multi Drawer in .NET MAUI Navigation Drawer | Syncfusion®
4+
description: The navigation drawer allows users to open drawers on multiple sides with different toggle methods, offering customizable layouts and smooth transitions.
5+
platform: MAUI
6+
control: SfNavigationDrawer
7+
documentation: UG
8+
---
9+
10+
# Multi Drawer in MAUI Navigation Drawer (SfNavigationDrawer)
11+
12+
The Navigation drawer allows users to open the drawer on multiple sides with different toggle methods. The [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) class and its properties need to be used when users need to provide multiple drawers. The multiple drawers can be implemented using the following drawer settings.
13+
14+
* DrawerSettings
15+
* SecondaryDrawerSettings
16+
17+
N> Users can open only one drawer at a time.
18+
19+
![Multi Drawer](Images/multi-drawer/multi-drawer.gif)
20+
21+
### DrawerSettings
22+
23+
Implement the primary drawer using the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) property in SfNavigationDrawer. The following code sample demonstrates how to customize the primary drawer.
24+
25+
{% tabs %}
26+
27+
{% highlight xaml %}
28+
29+
<navigationDrawer:SfNavigationDrawer>
30+
<navigationDrawer:SfNavigationDrawer.DrawerSettings>
31+
<navigationDrawer:DrawerSettings DrawerWidth="250"
32+
Transition="SlideOnTop"
33+
ContentBackground="LightGray"
34+
Position="Left">
35+
</navigationDrawer:DrawerSettings>
36+
</navigationDrawer:SfNavigationDrawer.DrawerSettings>
37+
</navigationDrawer:SfNavigationDrawer>
38+
39+
{% endhighlight %}
40+
41+
{% highlight c# %}
42+
43+
44+
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
45+
DrawerSettings drawerSettings = new DrawerSettings();
46+
drawerSettings.DrawerWidth = 250;
47+
drawerSettings.Transition = Transition.SlideOnTop;
48+
drawerSettings.ContentBackground = Colors.LightGray;
49+
drawerSettings.Position = Position.Left;
50+
navigationDrawer.DrawerSettings = drawerSettings;
51+
this.Content = navigationDrawer;
52+
53+
54+
{% endhighlight %}
55+
56+
{% endtabs %}
57+
58+
### SecondaryDrawerSettings
59+
60+
Implement the secondary drawer using the SecondaryDrawerSettings property in SfNavigationDrawer. Its properties and functionalities are same as the primary drawer. The secondary drawer can be set to different positions similar to the primary drawer. The following code demonstrates how to customize the secondary drawer.
61+
62+
{% tabs %}
63+
64+
{% highlight xaml %}
65+
66+
<navigationDrawer:SfNavigationDrawer>
67+
<navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
68+
<navigationDrawer:DrawerSettings x:Name="secondaryDrawer"
69+
ContentBackground="Blue"
70+
DrawerWidth= "250"
71+
Position="Right"
72+
Transition="SlideOnTop">
73+
</navigationDrawer:DrawerSettings>
74+
</navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
75+
</navigationDrawer:SfNavigationDrawer>
76+
77+
{% endhighlight %}
78+
79+
{% highlight c# %}
80+
81+
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
82+
DrawerSettings secondaryDrawer = new DrawerSettings();
83+
secondaryDrawer.Position = Position.Right;
84+
secondaryDrawer.Transition = Transition.SlideOnTop;
85+
secondaryDrawer.ContentBackground = Colors.Blue;
86+
secondaryDrawer.DrawerWidth = 250;
87+
navigationDrawer.SecondaryDrawerSettings = secondaryDrawer;
88+
this.Content = navigationDrawer;
89+
90+
{% endhighlight %}
91+
92+
{% endtabs %}
93+
94+
N> When the primary drawer and the secondary drawer are set to the same position, the primary drawer will open on swiping.
95+
96+
## Toggling method
97+
98+
Users can toggle the secondary drawer using the `ToggleSecondaryDrawer` method.
99+
100+
{% highlight c# %}
101+
102+
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
103+
navigationDrawer.ToggleSecondaryDrawer();
104+
105+
{% endhighlight %}
106+
107+
### Opening the drawer programmatically
108+
109+
The `IsOpen` property in the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) of `SecondaryDrawerSettings` used to open or close the secondary drawer programmatically.
110+
111+
The following code sample demonstrates how to set `IsOpen` property in XAML and C#.
112+
113+
{% tabs %}
114+
115+
{% highlight xaml %}
116+
117+
<navigationDrawer:SfNavigationDrawer>
118+
<navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
119+
<navigationDrawer:DrawerSettings IsOpen="True">
120+
</navigationDrawer:DrawerSettings>
121+
</navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
122+
</navigationDrawer:SfNavigationDrawer>
123+
124+
{% endhighlight %}
125+
126+
{% highlight c# %}
127+
128+
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
129+
DrawerSettings secondaryDrawer = new DrawerSettings();
130+
secondaryDrawer.IsOpen = true;
131+
navigationDrawer.SecondaryDrawerSettings = secondaryDrawer;
132+
this.Content = navigationDrawer;
133+
134+
{% endhighlight %}
135+
136+
{% endtabs %}
137+
138+
139+

‎MAUI/SmartScheduler/events.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post
3-
title: Events .NET MAUI Smart Scheduler control | Syncfusion
3+
title: Events support in .NET MAUI Smart Scheduler control | Syncfusion
44
description: Learn here all about Events support in Syncfusion<sup>&reg;</sup> .NET MAUI Smart Scheduler(SfSmartScheduler) control.
55
platform: MAUI
66
control: SfSmartScheduler
@@ -23,7 +23,7 @@ The `SfSmartScheduler` control provides the `AssistAppointmentResponseCompleted`
2323
The following example demonstrates how to handle the `AssistAppointmentResponseCompleted` event.
2424

2525
{% tabs %}
26-
{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %}
26+
{% highlight xaml tabtitle="MainPage.xaml" hl_lines="1" %}
2727

2828
<smartScheduler:SfSmartScheduler x:Name="smartScheduler" AssistAppointmentResponseCompleted="OnAssistAppointmentResponseCompleted"/>
2929

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

53.5 KB
Loading

‎MAUI/SmartScheduler/methods.md‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
---
2+
layout: post
3+
title: Methods support in .NET MAUI Smart Scheduler control | Syncfusion
4+
description: Learn here all about methods support in Syncfusion<sup>&reg;</sup> .NET MAUI Smart Scheduler(SfSmartScheduler) control.
5+
platform: MAUI
6+
control: SfSmartScheduler
7+
documentation: ug
8+
---
9+
10+
# Methods in .NET MAUI Smart Scheduler (SfSmartScheduler)
11+
12+
The `SfSmartScheduler` supports the `ResetAssistView`, `CloseAssistView` and `OpenAssistView` methods to reset, close or open assist view programmatically.
13+
14+
## Reset assist view
15+
16+
The `SfSmartScheduler` control provides the `ResetAssistView()` method to reset assist view programmatically using an event.
17+
18+
{% tabs %}
19+
{% highlight xaml tabtitle="MainPage.xaml" %}
20+
21+
<Grid>
22+
<Grid.RowDefinitions>
23+
<RowDefinition/>
24+
<RowDefinition Height="50"/>
25+
</Grid.RowDefinitions>
26+
<smartScheduler:SfSmartScheduler x:Name="smartScheduler"/>
27+
<Button Grid.Row="1" Text="Reset assistant" Clicked="Button_Clicked"/>
28+
</Grid>
29+
30+
{% endhighlight %}
31+
{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4" %}
32+
33+
private void Button_Clicked(object sender, EventArgs e)
34+
{
35+
this.smartScheduler.ResetAssistView();
36+
}
37+
38+
{% endhighlight %}
39+
{% endtabs %}
40+
41+
## Close assist view
42+
43+
The `SfSmartScheduler` control provides the `CloseAssistView()` method to close assist view programmatically using an event.
44+
45+
{% tabs %}
46+
{% highlight xaml tabtitle="MainPage.xaml" %}
47+
48+
<Grid>
49+
<Grid.RowDefinitions>
50+
<RowDefinition/>
51+
<RowDefinition Height="50"/>
52+
</Grid.RowDefinitions>
53+
<smartScheduler:SfSmartScheduler x:Name="smartScheduler"/>
54+
<Button Grid.Row="1" Text="Close assistant" Clicked="Button_Clicked"/>
55+
</Grid>
56+
57+
{% endhighlight %}
58+
{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4" %}
59+
60+
private void Button_Clicked(object sender, EventArgs e)
61+
{
62+
this.smartScheduler.CloseAssistView();
63+
}
64+
65+
{% endhighlight %}
66+
{% endtabs %}
67+
68+
## Open assist view
69+
70+
The `SfSmartScheduler` control provides the `OpenAssistView()` method to open assist view programmatically using an event.
71+
72+
{% tabs %}
73+
{% highlight xaml tabtitle="MainPage.xaml" %}
74+
75+
<Grid>
76+
<Grid.RowDefinitions>
77+
<RowDefinition/>
78+
<RowDefinition Height="50"/>
79+
</Grid.RowDefinitions>
80+
<smartScheduler:SfSmartScheduler x:Name="smartScheduler"/>
81+
<Button Grid.Row="1" Text="Open assistant" Clicked="Button_Clicked"/>
82+
</Grid>
83+
84+
{% endhighlight %}
85+
{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="4" %}
86+
87+
private void Button_Clicked(object sender, EventArgs e)
88+
{
89+
this.smartScheduler.OpenAssistView();
90+
}
91+
92+
{% endhighlight %}
93+
{% endtabs %}

‎MAUI/SmartScheduler/overview.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,15 +10,17 @@ keywords : .net maui smartScheduler, maui smart scheduler, ai scheduling, natura
1010

1111
# Overview of .NET MAUI Smart Scheduler (SfSmartScheduler)
1212

13-
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.
13+
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.
14+
15+
<img src="images\overview\maui-smart-scheduler-overview.png" width="600" alt=".NET MAUI Smart Scheduler." />
1416

1517
## Key features
1618

1719
* **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.
1820

1921
* **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.
2022

21-
* **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)()
23+
* **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)
2224

2325
* **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”).
2426

‎MAUI/SmartScheduler/styles.md‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
layout: post
3-
title: About .NET MAUI Smart Scheduler control | Syncfusion
3+
title: Styles support .NET MAUI Smart Scheduler control | Syncfusion
44
description: Learn here all about Styles support in Syncfusion<sup>&reg;</sup> .NET MAUI Smart Scheduler(SfSmartScheduler) control.
55
platform: MAUI
66
control: SfSmartScheduler
@@ -12,7 +12,7 @@ documentation: ug
1212
You can style the elements of the `.NET MAUI Smart Scheduler` assist view using the `PlaceholderColor`, `AssistViewHeaderTextColor`, `AssistViewHeaderBackground`, `AssistViewHeaderFontSize`,`AssistViewHeaderFontFamily`, `AssistViewHeaderFontAttributes` and `AssistViewHeaderFontAutoScalingEnabled` properties of the `AssistStyle`.
1313

1414
{% tabs %}
15-
{% highlight XAML hl_lines="5 14" %}
15+
{% highlight XAML hl_lines="5 13" %}
1616

1717
<smartScheduler:SfSmartScheduler x:Name="smartScheduler">
1818
<smartScheduler:SfSmartScheduler.AssistViewSettings>
@@ -24,8 +24,7 @@ You can style the elements of the `.NET MAUI Smart Scheduler` assist view using
2424
AssistViewHeaderFontSize="24"
2525
AssistViewHeaderFontAttributes="Bold"
2626
AssistViewHeaderFontFamily="OpenSansSemibold"
27-
AssistViewHeaderFontAutoScalingEnabled="True"
28-
/>
27+
AssistViewHeaderFontAutoScalingEnabled="True" />
2928
</smartScheduler:SchedulerAssistViewSettings.AssistStyle>
3029
</smartScheduler:SchedulerAssistViewSettings>
3130
</smartScheduler:SfSmartScheduler.AssistViewSettings>

0 commit comments

Comments
 (0)