Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The ToolBar component for Angular represents a toolbar where different tools (including other components) can be automatically added. By default, the ToolBar supports the following components: Button, ToggleButton, DropDownList, ComboBox and Input. Custom tools can be created and added. The ToolBar can be resized and when there is not enough space to show all tools, they are minimized and appear in the minimize pop-up. The component automatically separates buttons in groups, which are specified by inserting separators ("|") in the tools definition.
jqxToolBar is the jQWidgets ToolBar component for Angular. Toolbar that holds buttons, inputs and drop-downs and collapses overflowing items into a menu.
jqxToolBar has 10 properties, 2 events and 7 methods, all in the API reference. Its main members, those its demos use first:
initTools (property) – A callback function where settings can be made to the tools specified in the tools property.tools (property) – Sets or gets the types of tools in the jqxToolBar in the order they appear.minimizeWidth (property) – Sets or gets the width of the minimize pop-up menu.minWidth (property) – Sets or gets the minimum width of the jqxToolBar.addTool (method) – Adds a tool to the jqxToolBar.disableTool (method) – Disables a tool.destroyTool (method) – Destroys a tool.maxWidth (property) – Sets or gets the maximum width of the jqxToolBar.close (event) – This event is triggered when the minimize pop-up menu is closed.open (event) – This event is triggered when the minimize pop-up menu is opened.