Skip to content

Commit 615bb29

Browse files
committed
Editorial review and minor code fixes
1 parent 5a5d73e commit 615bb29

File tree

3 files changed

+4
-6
lines changed

3 files changed

+4
-6
lines changed

CS/blazor_multi_tab_ui/Components/MDI/TabsContextMenu.razor

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<Items>
77
<DxContextMenuItem Text="Hide">
88
<Items>
9-
<DxContextMenuItem Click="HideTab" Text="This"></DxContextMenuItem>
9+
<DxContextMenuItem Click="HideTab" Text="This Tab"></DxContextMenuItem>
1010
<DxContextMenuItem Click="HideAllTabs" Text="All Tabs"></DxContextMenuItem>
1111
<DxContextMenuItem Click="HideOtherTabs" Text="Other Tabs"></DxContextMenuItem>
1212
</Items>
@@ -16,7 +16,7 @@
1616

1717
<DxContextMenuItem Text="Close">
1818
<Items>
19-
<DxContextMenuItem Click="CloseTab" Text="This"></DxContextMenuItem>
19+
<DxContextMenuItem Click="CloseTab" Text="This Tab"></DxContextMenuItem>
2020
<DxContextMenuItem Click="CloseAllTabs" Text="All Tabs"></DxContextMenuItem>
2121
<DxContextMenuItem Click="CloseOtherTabs" Text="Other Tabs"></DxContextMenuItem>
2222
</Items>

README.md

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,17 @@
66
<!-- default badges end -->
77
# Blazor Tabs - Create a Dynamic Tabbed Interface
88

9-
The example creates an interactive, multi-tab web interface using DevExpress Blazor [Tabs](https://docs.devexpress.com/Blazor/405074/components/layout/tabs) and [Context Menu](https://docs.devexpress.com/Blazor/405060/components/navigation-controls/context-menu) components.
9+
This example creates an interactive, multi-tab web interface using DevExpress Blazor [Tabs](https://docs.devexpress.com/Blazor/405074/components/layout/tabs) and [Context Menu](https://docs.devexpress.com/Blazor/405060/components/navigation-controls/context-menu) components. It illustrates how end users can create personalized workspaces and multitask effectively.
1010

1111
![Multi-Tab UI](images/blazor-tabbed-ui.png)
1212

13-
It illustrates how end users can create personalized workspaces and multitask effectively.
14-
1513
## Implementation Details
1614

1715
### Organize Content into Tabs
1816

1917
The [MdiTabs](CS/blazor_multi_tab_ui/Components/MDI/MdiTabs.razor) custom component is based on the [DxTabs](https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxTabs) control.
2018

21-
Tabs are iteratively rendered from a persisted state collection (see details below). The content within each tab is loaded dynamically using a [DynamicComponent](https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.dynamiccomponent). This approach allows for the flexible rendering of different components within the tabs without the need to hardcode them.
19+
Tabs are rendered by iterating over a persisted state collection (see details below). The content within each tab is loaded dynamically using a [DynamicComponent](https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.components.dynamiccomponent). This approach allows for the flexible rendering of different components within the tabs without the need to hardcode them.
2220

2321
```razor
2422
<DxTabs ActiveTabIndex=activeTabIndex

images/blazor-tabbed-ui.png

4.58 KB
Loading

0 commit comments

Comments
 (0)