You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: blazor/ribbon/events.md
+11-11Lines changed: 11 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,22 +9,22 @@ documentation: ug
9
9
10
10
# Events in Blazor Ribbon component
11
11
12
-
This section describes the Ribbon events that will be triggered when appropriate actions are performed. The following events are available in the Ribbon component.
12
+
The Syncfusion Blazor Ribbon component triggers several events in response to user actions. The following events are available in the Ribbon component.
13
13
14
14
|Name|Args|Description|
15
15
|---|---|---|
16
-
|[Created](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_Created)|EventCallback|Triggers when the Ribbon component's rendering is fully completed|
17
-
|[TabSelecting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_TabSelecting)|TabSelectingEventArgs|Triggers before a tab is selected in the Ribbon component|
18
-
|[TabSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_TabSelected)|TabSelectedEventArgs|Triggers after a tab is successfully selected in the Ribbon component|
19
-
|[RibbonExpanding](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_RibbonExpanding)|ExpandEventArgs|Triggers before the Ribbon component is expanded|
20
-
|[RibbonCollapsing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_RibbonCollapsing)|CollapseEventArgs|Triggers before the Ribbon component is collapsed|
21
-
|[LauncherIconClick](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_LauncherIconClick)|LauncherClickEventArgs|Triggers when the launcher icon in a Ribbon group is clicked|
22
-
|[OverflowPopupOpening](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_OverflowPopupOpening)|OverflowPopupEventArgs|before the overflow popup in the Ribbon component opens|
23
-
|[OverflowPopupClosing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_OverflowPopupClosing)|OverflowPopupEventArgs|before the overflow popup in the Ribbon component closes|
16
+
|[Created](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_Created)|EventCallback|Triggers when the Ribbon component's rendering is fully completed.|
17
+
|[TabSelecting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_TabSelecting)|TabSelectingEventArgs|Triggers before a tab is selected in the Ribbon component.|
18
+
|[TabSelected](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_TabSelected)|TabSelectedEventArgs|Triggers after a tab is successfully selected in the Ribbon component.|
19
+
|[RibbonExpanding](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_RibbonExpanding)|ExpandEventArgs|Triggers before the Ribbon component is expanded.|
20
+
|[RibbonCollapsing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_RibbonCollapsing)|CollapseEventArgs|Triggers before the Ribbon component is collapsed.|
21
+
|[LauncherIconClick](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_LauncherIconClick)|LauncherClickEventArgs|Triggers when the launcher icon in a Ribbon group is clicked.|
22
+
|[OverflowPopupOpening](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_OverflowPopupOpening)|OverflowPopupEventArgs|Triggers before the overflow popup in the Ribbon component opens.|
23
+
|[OverflowPopupClosing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html#Syncfusion_Blazor_Ribbon_SfRibbon_OverflowPopupClosing)|OverflowPopupEventArgs|Triggers before the overflow popup in the Ribbon component closes.|
24
24
25
25
## How to configure Ribbon events
26
26
27
-
Above defined events are available on the [SfRibbon](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html) tag directive. Here, we have explained about the sample code snippets of Ribbon events.
27
+
The events defined above are available on the [SfRibbon](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html) tag directive. The following code snippet demonstrates how to configure Ribbon events.
28
28
29
29
{% tabs %}
30
30
{% highlight razor %}
@@ -74,4 +74,4 @@ Above defined events are available on the [SfRibbon](https://help.syncfusion.com
74
74
{% endhighlight %}
75
75
{% endtabs %}
76
76
77
-
> To know about the built-in Ribbon items supported events, please refer to the corresponding item section in [Ribbon Items](./items).
77
+
> For information on events supported by built-in Ribbon items, refer to the [Ribbon Items](./items) documentation.
Copy file name to clipboardExpand all lines: blazor/ribbon/filemenu.md
+16-16Lines changed: 16 additions & 16 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,17 +7,17 @@ control: Ribbon
7
7
documentation: ug
8
8
---
9
9
10
-
# File Menu in Blazor Ribbon component
10
+
# File Menu in Blazor Ribbon Component
11
11
12
-
The Ribbon component provides a built-in file menu to include menu items for performing specific actions. The file menu can be configured using the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive directly inside[SfRibbon](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html).
12
+
The Blazor Ribbon component features a built-in file menu to accommodate commands for handling files, such as `New`, `Open`, and `Save`. This guide demonstrates how to configure the file menu, add items, and handle events using the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive within the[SfRibbon](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.SfRibbon.html).
13
13
14
14
## Visibility
15
15
16
-
You can make the file menu visible by setting the [Visible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_Visible) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive to `true`. By default, the file menu is hidden.
16
+
To display the file menu, set the [Visible](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_Visible) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive to `true`. By default, this property is `false`, and the file menu is hidden.
17
17
18
-
## Adding menu items
18
+
## Adding Menu Items
19
19
20
-
Menu items can be added to the file menu by binding a collection of menu items to the [MenuItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_MenuItems) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive. Each menu item can have properties like [Text](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.MenuItem.html#Syncfusion_Blazor_Navigations_MenuItem_Text), [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.MenuItem.html#Syncfusion_Blazor_Navigations_MenuItem_IconCss), and nested sub-menu items too.
20
+
Add items to the file menu by binding a list of `MenuItem` objects to the [MenuItems](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_MenuItems) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive. Each `MenuItem`can have properties such as [Text](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.MenuItem.html#Syncfusion_Blazor_Navigations_MenuItem_Text), [IconCss](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.MenuItem.html#Syncfusion_Blazor_Navigations_MenuItem_IconCss), and a list of nested sub-menu items.
21
21
22
22
{% tabs %}
23
23
{% highlight razor %}
@@ -93,9 +93,9 @@ Menu items can be added to the file menu by binding a collection of menu items t
By default, submenu opens on mouse hover. To change this behavior and open submenu on menu item click, you can set the [ShowItemOnClick](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_ShowItemOnClick) property to `true`.
98
+
By default, the file menu opens submenu on mouse hover. To change this behavior to open on a menu item click, set the [ShowItemOnClick](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_ShowItemOnClick) property to `true`.
99
99
100
100
{% tabs %}
101
101
{% highlight razor %}
@@ -169,9 +169,9 @@ By default, submenu opens on mouse hover. To change this behavior and open subme
169
169
{% endhighlight %}
170
170
{% endtabs %}
171
171
172
-
## Custom header text
172
+
## Custom Header Text
173
173
174
-
You can define custom header text for the file menu by using the [Text](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_Text) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive. By default, the header text is set to`File`.
174
+
To define custom header text for the file menu, use the [Text](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_Text) property of the [RibbonFileMenuSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html) tag directive. The defaulttext is `File`.
175
175
176
176
{% tabs %}
177
177
{% highlight razor %}
@@ -249,16 +249,16 @@ You can define custom header text for the file menu by using the [Text](https://
249
249
250
250
## Events
251
251
252
-
The following events are available in the Ribbon File menu.
252
+
The `RibbonFileMenuSettings` component exposes several events to control the behavior of the file menu.
253
253
254
254
|Name|Args|Description|
255
255
|---|---|---|
256
-
|[FileMenuOpening](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuOpening)|FileMenuOpenEventArgs|Triggers before the file menu popup opens|
257
-
|[FileMenuClosing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuClosing)|FileMenuCloseEventArgs|Triggers before the file menu popup closes|
258
-
|[FileMenuOpened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuOpened)|FileMenuOpenedEventArgs|Triggers after the file menu popup opened|
259
-
|[FileMenuClosed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuClosed)|FileMenuClosedEventArgs|Triggers after the file menu popup closed|
260
-
|[FileMenuItemRendering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuItemRendering)|FileMenuItemRenderEventArgs|Triggers while a file menu item is being rendered|
261
-
|[ItemSelecting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_ItemSelecting)|FileMenuItemSelectEventArgs|Triggers while a file menu item is being selected|
256
+
|[FileMenuOpening](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuOpening)|FileMenuOpenEventArgs|Triggers before the file menu popup opens.|
257
+
|[FileMenuClosing](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuClosing)|FileMenuCloseEventArgs|Triggers before the file menu popup closes.|
258
+
|[FileMenuOpened](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuOpened)|FileMenuOpenedEventArgs|Triggers after the file menu popup has opened.|
259
+
|[FileMenuClosed](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuClosed)|FileMenuClosedEventArgs|Triggers after the file menu popup has closed.|
260
+
|[FileMenuItemRendering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_FileMenuItemRendering)|FileMenuItemRenderEventArgs|Triggers while a file menu item is being rendered.|
261
+
|[ItemSelecting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Ribbon.RibbonFileMenuSettings.html#Syncfusion_Blazor_Ribbon_RibbonFileMenuSettings_ItemSelecting)|FileMenuItemSelectEventArgs|Triggers when a file menu item is selected.|
0 commit comments