RibbonModel API in JavaScript (ES5) Ribbon API control

Interface for a class Ribbon

Properties

launcherIconClick

EmitType<LauncherClickEventArgs>

Event triggers when the launcher icon of the group is clicked.

ribbonCollapsing

EmitType<ExpandCollapseEventArgs>

Event triggers before collapsing the ribbon.

ribbonExpanding

EmitType<ExpandCollapseEventArgs>

Event triggers before expanding the ribbon.

tabSelected

EmitType<TabSelectedEventArgs>

Event triggers after selecting the tab item.

tabSelecting

EmitType<TabSelectingEventArgs>

Event triggers before selecting the tab item.

activeLayout

RibbonLayout | string

Specifies the active layout of the ribbon. Accepts one of the below values.

• Classic – Renders the ribbon tab contents in classic layout.
• Simplified – Renders the ribbon tab contents in single row.

cssClass

string

Defines one or more CSS classes to customize the appearance of ribbon.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

fileMenu

FileMenuSettingsModel

Defines the properties of ribbon file menu.

helpPaneTemplate

string | HTMLElement

Specifies the template content for the help pane of ribbon. The help pane appears on the right side of the ribbon header row.

isMinimized

boolean

Specifies whether the ribbon is minimized or not. When minimized, only the tab header is shown.

launcherIconCss

string

Defines the icon CSS for the launcher icon button in group header.

locale

string

Provides the localization value for the controls present in ribbon items.

selectedTab

number

Specifies the index of the current active tab.

tabAnimation

TabAnimationSettingsModel

Specifies the animation configuration settings for showing the content of the Ribbon Tab.

tabs

RibbonTabModel[]

Defines the list of ribbon tabs.

width

string | number

Specifies the width of the ribbon.