DxRibbonApplicationTab.ChildContent Property
In This Article
Specifies the collection of application tabs.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[Parameter]
public RenderFragment ChildContent { get; set; }
#Property Value
Type | Description |
---|---|
Render |
The application tab collection. |
#Remarks
Blazor automatically generates the ChildContent
property when you specify tabs between the <DxRibbonApplicationTab>
…<DxRibbonApplicationTab>
tags:
Razor
<DxRibbon>
<DxRibbonApplicationTab Text="File">
<ChildContent>
<DxRibbonApplicationTabItem Text="New"
IconCssClass="rb-icon rb-icon-document-blank"
Click="@(() => ClickItem("New tab item"))" />
<DxRibbonApplicationTabItem Text="Open"
IconCssClass="rb-icon rb-icon-folder-open"
Click="@(() => ClickItem("Open tab item"))" />
</ChildContent>
</DxRibbonApplicationTab>
</DxRibbon>
Note
Since Child
contains nested markup of its parent class, the template content must conform to HTML semantics.
You can omit the <ChildContent>
tag and specify the markup directly in the <DxRibbonApplicationTab>
tag:
Razor
<DxRibbon>
<DxRibbonApplicationTab Text="File">
<DxRibbonApplicationTabItem Text="New"
IconCssClass="rb-icon rb-icon-document-blank"
Click="@(() => ClickItem("New tab item"))" />
<DxRibbonApplicationTabItem Text="Open"
IconCssClass="rb-icon rb-icon-folder-open"
Click="@(() => ClickItem("Open tab item"))" />
</DxRibbonApplicationTab>
</DxRibbon>
See Also