Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The Ribbon component for Angular can be used as a tabbed toolbar or mega menu. It enables tabs at the bottom and content at the top as well. The component supports different layouts to the pop-up content sections. It comes with built-in scrolling capabilities. Scroll buttons are automatically displayed when there is not enough available space for all tabs. The scroll buttons position can be changed.
jqxRibbon is the jQWidgets Ribbon component for Angular. Office-style ribbon with tabbed command groups.
jqxRibbon has 17 properties, 3 events and 14 methods, all in the API reference. Its main members, those its demos use first:
animationType (property) – Sets or gets the animation type.position (property) – Sets or gets whether the ribbon's header is positioned at the top, bottom, left or right of the content.selectionMode (property) – Sets or gets the selection mode.mode (property) – Sets or gets the ribbon's display mode.selectedIndex (property) – Sets or gets the selected index (tab).change (event) – This event is triggered when the user selects or unselects an item.setPopupLayout (method) – Sets the layout of an item's content if mode is set to "popup".select (event) – This event is triggered when the user selects an item.disableAt (method) – Disables an item by index.render (method) – Renders the jqxRibbon widget.