Skip to main content

BootstrapRichEdit.RibbonMode Property

Specifies the type of the Rich Text Editor toolbar.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[DefaultValue(RichEditRibbonMode.OneLineRibbon)]
public override RichEditRibbonMode RibbonMode { get; set; }

Property Value

Type Default Description
RichEditRibbonMode OneLineRibbon

One of the RichEditRibbonMode enumeration values.

Available values:

Name Description
Ribbon

The toolbar for the Rich Text Editor is rendered as a built-in ribbon.

ExternalRibbon

An external ribbon is used by the Rich Text Editor as a toolbar.

None

The Rich Text Editor has no toolbars.

Auto

The value is determined automatically, based on the type of the end-user’s device: touch or non-touch. Corresponds to Ribbon under non-touch device browsers. Corresponds to OneLineRibbon under touch device browsers.

OneLineRibbon

The built-in ribbon displays all items in an active tab on one line.

Remarks

The Rich Text Editor control supports either an internal or external ribbon navigation element. Use the RibbonMode property to specify the ribbon type.

If this property is set to RichEditRibbonMode.ExternalRibbon, a Ribbon control specified by the ASPxRichEdit.AssociatedRibbonID property is used as an external ribbon.

<dx:BootstrapRibbon ID="RibbonExternal" runat="server" ShowFileTab="false">
    <CssClasses Control="mb-2" />
</dx:BootstrapRibbon>
<dx:BootstrapRichEdit runat="server" ActiveTabIndex="0" Height="500px" ShowConfirmOnLosingChanges="False"
    RibbonMode="ExternalRibbon" AssociatedRibbonID="RibbonExternal">
</dx:BootstrapRichEdit>

To customize ribbon tabs, use the ASPxRichEdit.RibbonTabs property.

Note

For more information on using the RibbonMode property, refer to the External Ribbon online demo.

See Also