Skip to content

Commit ed0ac82

Browse files
kmkrish001kmkrish001
authored
Merge pull request #9197 from syncfusion-content/1033426-contextmenu
1033426: Updated context menu playground sample
2 parents a47f3ba + 35b84ba commit ed0ac82

30 files changed

Lines changed: 13 additions & 13 deletions

‎blazor/context-menu/customizing-and-multilevel-nesting.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ To customize [Blazor Context Menu](https://www.syncfusion.com/blazor-components/
5555
```
5656

5757

58-
{% previewsample "https://blazorplayground.syncfusion.com/embed/BXVACVVcUYeycxMc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-items.png)" %}
58+
{% previewsample "https://blazorplayground.syncfusion.com/embed/htrxDHWaJxaUfFjA?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-items.webp)" %}
5959

6060
### Customizing Context Menu items using CssClass
6161

@@ -93,7 +93,7 @@ The Context Menu items can be customized by using the `CssClass` property. In th
9393
9494
```
9595

96-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LXhqMLhwAOylWmij?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-item-customization.png)" %}
96+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hZrRjxWOznICbsXn?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Customizing Blazor ContextMenu Items](./images/blazor-contextmenu-item-customization.webp)" %}
9797

9898
## Multilevel nesting
9999

@@ -134,4 +134,4 @@ The Multiple level nesting supports in Context Menu. It can be achieved by mappi
134134
135135
```
136136

137-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VDrgsrhQganDCPmC?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Multilevel Nesting in Blazor ContextMenu](./images/blazor-contextmenu-with-multilevel.png)" %}
137+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXVdNxsupOVrvxsp?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Multilevel Nesting in Blazor ContextMenu](./images/blazor-contextmenu-with-multilevel.png)" %}

‎blazor/context-menu/getting-started-with-server-app.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati
189189

190190
* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ContextMenu component in the default web browser.
191191

192-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %}
192+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNrHjRWEJnVHwAGc?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %}
193193

194194
N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu).
195195

‎blazor/context-menu/getting-started-with-web-app.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem
197197

198198
* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ContextMenu component in the default web browser.
199199

200-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %}
200+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNrHjRWEJnVHwAGc?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %}
201201

202202
N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu).
203203

‎blazor/context-menu/getting-started.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -176,7 +176,7 @@ Add the Blazor ContextMenu component in the **~/Pages/Index.razor** file.
176176

177177
* Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (macOS) to launch the application. This will render the Blazor ContextMenu component in the default web browser.
178178

179-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBftMLEBgCMeGpg?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.png)" %}
179+
{% previewsample "https://blazorplayground.syncfusion.com/embed/LNrHjRWEJnVHwAGc?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu Component](./images/blazor-contextmenu-component.webp)" %}
180180

181181
N> [View sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/ContextMenu).
182182

‎blazor/context-menu/how-to/bind-menu-events.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,4 +48,4 @@ To bind the menu event in the context menu [ItemSelected](https://help.syncfusio
4848
```
4949

5050

51-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rZhUCBBcgOQARqgw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Blazor ContextMenu Events](./../images/blazor-contextmenu-component.png)" %}
51+
{% previewsample "https://blazorplayground.syncfusion.com/embed/rZhUCBBcgOQARqgw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Binding Blazor ContextMenu Events](./../images/blazor-contextmenu-component.webp)" %}

‎blazor/context-menu/how-to/data-binding.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,4 +51,4 @@ To bind local data source to the Context Menu, menu items are populated from dat
5151
5252
```
5353

54-
{% previewsample "https://blazorplayground.syncfusion.com/embed/VXLAWhrcKOGPagPi?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Data Binding in Blazor ContextMenu](./../images/blazor-contextmenu-databinding.png)" %}
54+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hthxjRWETkHNUovq?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Data Binding in Blazor ContextMenu](./../images/blazor-contextmenu-databinding.webp)" %}

‎blazor/context-menu/how-to/enable-or-disable-context-menu-items.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,6 @@ In the following example, the **Display Settings** in parent items is disabled d
6363
6464
```
6565

66-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtBUiVVGAalMSCbE?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Enabling or Disabling Items in Blazor ContextMenu](./../images/blazor-contextmenu-enable-disable-item.png)" %}
66+
{% previewsample "https://blazorplayground.syncfusion.com/embed/VZrxtRWupOwRWZMh?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Enabling or Disabling Items in Blazor ContextMenu](./../images/blazor-contextmenu-enable-disable-item.webp)" %}
6767

6868
N> To disable sub menu items, use the `OnOpen` event.

‎blazor/context-menu/how-to/open-and-close-context-menu.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,4 +38,4 @@ To manually close the Context Menu, [Close](https://help.syncfusion.com/cr/blazo
3838
3939
```
4040

41-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rXrUMLrGUuEEhxVL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu displays Dialog Menu](./../images/blazor-contextmenu-dialog.png)" %}
41+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BtrHZRCYfOmvpisg?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu displays Dialog Menu](./../images/blazor-contextmenu-dialog.webp)" %}

‎blazor/context-menu/how-to/open-dialog.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,4 +65,4 @@ In the following sample, Dialog will open while clicking `Save As...` item.
6565
6666
```
6767

68-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LthUWrrGqYuNWlPV?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu](./../images/blazor-contextmenu.png)" %}
68+
{% previewsample "https://blazorplayground.syncfusion.com/embed/hXBRZxiYTYYnyRwc?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu](./../images/blazor-contextmenu.webp)" %}

‎blazor/context-menu/icons-and-navigations.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ The [Blazor Context Menu](https://www.syncfusion.com/blazor-components/blazor-co
4848
4949
```
5050

51-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rjrUsBrmqknfsARd?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor ContextMenu with Icon](./images/blazor-contextmenu-icon.png)" %}
51+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BZLxjniETEUzIMNB?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Blazor ContextMenu with Icon](./images/blazor-contextmenu-icon.webp)" %}
5252

5353
N> The Context Menu provides a set of [icons](https://blazor.syncfusion.com/documentation/appearance/icons) that can be loaded by applying `e-icons` class name to the element.
5454
You can also use third party icons on the Context Menu using the `IconCss`property.
@@ -83,4 +83,4 @@ Navigation in Context Menu is used to navigate to the other web page when menu i
8383
8484
```
8585

86-
{% previewsample "https://blazorplayground.syncfusion.com/embed/LtVACrLGKuddWNNk?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Navigation in Blazor ContextMenu](./images/blazor-contextmenu-navigation.png)" %}
86+
{% previewsample "https://blazorplayground.syncfusion.com/embed/BDVHZdskpEUcEtAV?appbar=false&editor=false&result=true&errorlist=false&theme=fluent2" backgroundimage "[Navigation in Blazor ContextMenu](./images/blazor-contextmenu-navigation.webp)" %}

0 commit comments

Comments
 (0)