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.