DxRibbonApplicationTabItem.ChildContent Property

Specifies the collection of nested 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 collection of nested application tabs.

Remarks

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

<DxRibbon>
    <DxRibbonApplicationTab Text="File">
        <DxRibbonApplicationTabItem Text="Save as" 
                                    IconCssClass="rb-icon rb-icon-save" 
                                    Click="@(() => ClickItem("Save as tab item"))">
            <ChildContent>
                <DxRibbonApplicationTabItem Text="Text file" 
                                            Click="@(() => ClickItem("Text file tab item"))"/>
                <DxRibbonApplicationTabItem Text="Word document" 
                                            Click="@(() => ClickItem("Word document tab item"))"/>
                <DxRibbonApplicationTabItem Text="Pdf file" 
                                            Click="@(() => ClickItem("Pdf file tab item"))"/>
            </ChildContent>
        </DxRibbonApplicationTabItem>
    </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 <DxRibbonApplicationTabItem> tag:

<DxRibbon>
    <DxRibbonApplicationTab Text="File">
        <DxRibbonApplicationTabItem Text="Save as" 
                                    IconCssClass="rb-icon rb-icon-save" 
                                    Click="@(() => ClickItem("Save as tab item"))">
            <DxRibbonApplicationTabItem Text="Text file" 
                                        Click="@(() => ClickItem("Text file tab item"))"/>
            <DxRibbonApplicationTabItem Text="Word document" 
                                        Click="@(() => ClickItem("Word document tab item"))"/>
            <DxRibbonApplicationTabItem Text="Pdf file" 
                                        Click="@(() => ClickItem("Pdf file tab item"))"/>
        </DxRibbonApplicationTabItem>
    </DxRibbonApplicationTab>
</DxRibbon>