Skip to content

Commit a22c450

Browse files
karthikasf4617karthikasf4617
committed
Resolved the feedback
1 parent e3759dc commit a22c450

File tree

1 file changed

+26
-33
lines changed

1 file changed

+26
-33
lines changed

‎MAUI/NavigationDrawer/Multi-Drawer.md‎

Lines changed: 26 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: UG
99

1010
# Multi Drawer in MAUI Navigation Drawer (SfNavigationDrawer)
1111

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.
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.
1313

1414
* DrawerSettings
1515
* SecondaryDrawerSettings
@@ -20,21 +20,21 @@ N> Users can open only one drawer at a time.
2020

2121
### DrawerSettings
2222

23-
Implement the primary drawer using the drawer settings class. The following code sample demonstrates how to set the drawer settings’s properties inside the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) class.
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.
2424

2525
{% tabs %}
2626

2727
{% highlight xaml %}
2828

29-
<navigationdrawer:SfNavigationDrawer>
30-
<navigationdrawer:SfNavigationDrawer.DrawerSettings>
31-
<navigationdrawer:DrawerSettings DrawerWidth="250"
29+
<navigationDrawer:SfNavigationDrawer>
30+
<navigationDrawer:SfNavigationDrawer.DrawerSettings>
31+
<navigationDrawer:DrawerSettings DrawerWidth="250"
3232
Transition="SlideOnTop"
3333
ContentBackground="LightGray"
3434
Position="Left">
35-
</navigationdrawer:DrawerSettings>
36-
</navigationdrawer:SfNavigationDrawer.DrawerSettings>
37-
</navigationdrawer:SfNavigationDrawer>
35+
</navigationDrawer:DrawerSettings>
36+
</navigationDrawer:SfNavigationDrawer.DrawerSettings>
37+
</navigationDrawer:SfNavigationDrawer>
3838

3939
{% endhighlight %}
4040

@@ -44,9 +44,9 @@ Implement the primary drawer using the drawer settings class. The following code
4444
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
4545
DrawerSettings drawerSettings = new DrawerSettings();
4646
drawerSettings.DrawerWidth = 250;
47-
drawerSettings.Transition = Syncfusion.Maui.NavigationDrawer.Transition.SlideOnTop;
47+
drawerSettings.Transition = Transition.SlideOnTop;
4848
drawerSettings.ContentBackground = Colors.LightGray;
49-
drawerSettings.Position = Syncfusion.Maui.NavigationDrawer.Position.Left;
49+
drawerSettings.Position = Position.Left;
5050
navigationDrawer.DrawerSettings = drawerSettings;
5151
this.Content = navigationDrawer;
5252

@@ -57,40 +57,33 @@ Implement the primary drawer using the drawer settings class. The following code
5757

5858
### SecondaryDrawerSettings
5959

60-
Implement the secondary drawer using the secondary drawer settings class. 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 set the secondary drawer settings's properties in XAML and C#.
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.
6161

6262
{% tabs %}
6363

6464
{% highlight xaml %}
6565

66-
<navigationdrawer:SfNavigationDrawer>
67-
<navigationdrawer:SfNavigationDrawer.SecondaryDrawerSettings>
68-
<navigationdrawer:DrawerSettings x:Name="secondaryDrawer"
69-
DrawerHeaderHeight="40"
70-
DrawerFooterHeight="40"
66+
<navigationDrawer:SfNavigationDrawer>
67+
<navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
68+
<navigationDrawer:DrawerSettings x:Name="secondaryDrawer"
7169
ContentBackground="Blue"
72-
DrawerHeight="250"
7370
DrawerWidth= "250"
74-
Duration="400"
7571
Position="Right"
7672
Transition="SlideOnTop">
77-
</navigationdrawer:DrawerSettings>
78-
</navigationdrawer:SfNavigationDrawer.SecondaryDrawerSettings>
79-
</navigationdrawer:SfNavigationDrawer>
73+
</navigationDrawer:DrawerSettings>
74+
</navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
75+
</navigationDrawer:SfNavigationDrawer>
8076
8177
{% endhighlight %}
8278

8379
{% highlight c# %}
8480

8581
SfNavigationDrawer navigationDrawer = new SfNavigationDrawer();
8682
DrawerSettings secondaryDrawer = new DrawerSettings();
87-
secondaryDrawer.DrawerHeight = 250;
88-
secondaryDrawer.Position = Syncfusion.Maui.NavigationDrawer.Position.Right;
89-
secondaryDrawer.Transition = Syncfusion.Maui.NavigationDrawer.Transition.SlideOnTop;
83+
secondaryDrawer.Position = Position.Right;
84+
secondaryDrawer.Transition = Transition.SlideOnTop;
9085
secondaryDrawer.ContentBackground = Colors.Blue;
9186
secondaryDrawer.DrawerWidth = 250;
92-
secondaryDrawer.DrawerHeaderHeight = 40;
93-
secondaryDrawer.DrawerFooterHeight = 40;
9487
navigationDrawer.SecondaryDrawerSettings = secondaryDrawer;
9588
this.Content = navigationDrawer;
9689

@@ -113,20 +106,20 @@ navigationDrawer.ToggleSecondaryDrawer();
113106

114107
### Opening the drawer programmatically
115108

116-
The `IsOpen` property in the [DrawerSettings](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.NavigationDrawer.SfNavigationDrawer.html#Syncfusion_Maui_NavigationDrawer_SfNavigationDrawer_DrawerSettings) of `SecondaryDrawerSettings` is used to open or close the drawer programmatically.
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.
117110

118111
The following code sample demonstrates how to set `IsOpen` property in XAML and C#.
119112

120113
{% tabs %}
121114

122115
{% highlight xaml %}
123116

124-
<navigationdrawer:SfNavigationDrawer>
125-
<navigationdrawer:SfNavigationDrawer.SecondaryDrawerSettings>
126-
<navigationdrawer:DrawerSettings IsOpen="True">
127-
</navigationdrawer:DrawerSettings>
128-
</navigationdrawer:SfNavigationDrawer.SecondaryDrawerSettings>
129-
</navigationdrawer:SfNavigationDrawer>
117+
<navigationDrawer:SfNavigationDrawer>
118+
<navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
119+
<navigationDrawer:DrawerSettings IsOpen="True">
120+
</navigationDrawer:DrawerSettings>
121+
</navigationDrawer:SfNavigationDrawer.SecondaryDrawerSettings>
122+
</navigationDrawer:SfNavigationDrawer>
130123

131124
{% endhighlight %}
132125

0 commit comments

Comments
 (0)