DxRibbonApplicationTab.ChildContent Property

Specifies the collection of application tabs.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment ChildContent { get; set; }

Property Value

Type	Description
RenderFragment	The application tab collection.

Remarks

Blazor automatically generates the ChildContent property when you specify tabs between the <DxRibbonApplicationTab>…<DxRibbonApplicationTab> tags:

<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 ChildContent 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:

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