Toolbar elements
Check out this page to learn more about available toolbar elements.
List of toolbar tabs
| Name | Tag | Description |
|---|---|---|
| Flat | <fm-flat-tab> | Switches to the flat form. Displayed only when the toolbar is created within a composite control. |
| Pivot | <fm-pivot-tab> | Switches to the pivot form. Displayed only when the toolbar is created within a composite control. |
| Fields | <fm-field-list-tab> | Opens the field list. |
| Fullscreen | <fm-fullscreen-tab> | Opens Flexmonster in full-screen mode. In full-screen mode, this tab displays the Minimize title. To exit full-screen mode, select Minimize or press Esc. |
| More | <fm-more-tab> | Becomes visible when there isn't enough space for all the tabs to be shown. After selecting, this tab displays the Less title. |
List of available tab attributes
You can use the following attributes to customize a toolbar tab:
| Attribute | Description |
|---|---|
label | The tab’s label. |
label-toggle | If present, will toggle a label on click (e.g., as in the Fullscreen tab). |
icon | Name of an icon from our icon set. If you need to use a custom icon, use plain HTML Live sample. |
icon-toggle | If present, will toggle an icon on click (e.g., as in the Fullscreen tab). |
dropdown | If specified, an arrow icon will be added to the tab's label. |
open-on-hover | If specified, the dropdown opens on hover. Use for the <fm-dropdown> tag. |
disabled | If specified, the tab is disabled. |
fullscreen-container | Used by the Fullscreen tab. This attribute specifies the parent element that will be displayed in full-screen mode. For example, if you have a dashboard that you want to display in full-screen, set the attribute to the selector of the dashboard container (e.g., fullscreen-container=".dashboard"). |
List of tags for toolbar configuration
You can use the following tags to customize a toolbar tab or create a new one: