toolbar

sets toolbar mode and configuration

string|boolean|object toolbar;

Example

webix.ui({
    view:"spreadsheet",
    data: base_data,
    toolbar: "full"
});

Related samples

Details

To hide the toolbar, set the property to false. To show all available buttons on the toolbar, set the property to "full".

To make a multi-row toolbar, use the "toolbar" collection. Read more about it here.

toolbar: [
    {
        rows:[
          {
            margin: 2,
            cols: [
                {$button: "undo"},
                {$button: "redo"}
            ]
          },
          {},
          {template: "Undo/Redo", view: "ssheet-bar-title", height: 24}
        ]
    },
    {view: "ssheet-separator"},
    {
        rows:[
           {
             margin: 2,
             cols:[
                {$button: "font-family", width: 167},
                {$button: "font-size", width: 90}
             ]
           },
           ...
        ]
    },
    ...
]
See also
Back to top
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
If you have not checked yet, be sure to visit site of our main product Webix javascript dashboard framework and page of web based spreadsheet product.