DxRibbonGroup.IconUrl Property

Specifies the icon URL for collapsed ribbon groups.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(null)]
[Parameter]
public string IconUrl { get; set; }

Property Value

Type	Default	Description
String	null

The icon’s URL.

Remarks

When the ribbon width decreases, the component collapses groups and display them as drop-down buttons. Use the IconUrl property to specify an icon for that button.

razor

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Format">
            <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
            <DxRibbonItem Text="Italic" IconCssClass="dx-icon-italic" />
            <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
        </DxRibbonGroup>
        <DxRibbonGroup Text="Components"
                       IconUrl="images/icon.svg">
            <!-- ... -->
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>