BootstrapSpreadsheet.RibbonMode Property
Specifies the type of the Spreadsheet toolbar.
Namespace: DevExpress.Web.Bootstrap
Assembly: DevExpress.Web.Bootstrap.v24.1.dll
NuGet Package: DevExpress.Web.Bootstrap
Declaration
[DefaultValue(SpreadsheetRibbonMode.OneLineRibbon)]
public override SpreadsheetRibbonMode RibbonMode { get; set; }
Property Value
Type | Default | Description |
---|---|---|
SpreadsheetRibbonMode | OneLineRibbon | One of the SpreadsheetRibbonMode enumeration values. |
Available values:
Name | Description |
---|---|
Ribbon | The toolbar for the Spreadsheet is rendered as a built-in ribbon. |
ExternalRibbon | An external ribbon is used by the Spreadsheet as a toolbar. |
None | The Spreadsheet 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 Spreadsheet 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 SpreadsheetRibbonMode.ExternalRibbon, a Ribbon control specified by the ASPxSpreadsheet.AssociatedRibbonID property is used as an external ribbon.
<dx:BootstrapRibbon ID="RibbonExternal" runat="server" ShowFileTab="false">
<CssClasses Control="mb-2" />
</dx:BootstrapRibbon>
<dx:BootstrapSpreadsheet runat="server" ActiveTabIndex="0" Height="500px" ShowConfirmOnLosingChanges="False"
RibbonMode="ExternalRibbon" AssociatedRibbonID="RibbonExternal">
</dx:BootstrapSpreadsheet>
To customize ribbon tabs, use the BootstrapSpreadsheet.RibbonTabs property.
Note
For more information on using the RibbonMode property, refer to the External Ribbon online demo.