DxRibbonElementBase.Visible Property

Specifies whether a Ribbon element is visible.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[DefaultValue(true)]
[Parameter]
public bool Visible { get; set; }

Property Value

Type	Default	Description
Boolean	true

true to display an element; false to hide an element.

Remarks

Disable the Visible property to hide the ribbon element.

The following example hides different Ribbon elements ( Italic , font size selector, and color picker).

razor

<DxRibbon>
    <DxRibbonTab Text="Home">
        <DxRibbonGroup Text="Style">
            <DxRibbonItem Text="Bold" IconCssClass="dx-icon-bold" />
            <DxRibbonItem Text="Italic"
                          IconCssClass="dx-icon-italic"
                          Visible="false" />
            <DxRibbonItem Text="Underline" IconCssClass="dx-icon-underline" />
            <DxRibbonComboBoxItem Data="FontSizes"
                                  Value="@CurrentFontSize"
                                  TextFieldName="@nameof(FontSizeInfo.Size)"
                                  NullText="Font Size"
                                  Visible="false"
                                  Width="120px" />
            <DxRibbonColorPaletteItem @bind-Value="SelectedColor"
                                      Visible="false" />
        </DxRibbonGroup>
    </DxRibbonTab>
</DxRibbon>

@code {
    string SelectedColor = "";
    private FontSizeInfo CurrentFontSize { get; set; }
    private IEnumerable<FontSizeInfo> FontSizes => FontSizeInfo.DefaultFontSizes;
}

Note

To disable the element without hiding it, set the Enabled property to false.