Interface ToolbarItems

Adds a new item to the toolbar.

Example

Usage example:

var pdfExportButton = {
    key: '$pdfExportButtonKey',
    iconCssClass: 'mdi mdi-file-pdf',
    enabled: true,
    action: function(item) {
        console.log('Export to PDF function works here');
    },
    onUpdate: function(arg, item) {
        console.log('Something in viewer was updated, check/update button state here');
    }
};
viewer.toolbar.desktop.addItem(pdfExportButton);
Copy

Returns identifiers of default and added buttons in the order in which they will be displayed in the toolbar.

Example

Usage example:

viewer.toolbar.desktop.layout(viewer.toolbar.desktop.getKeys().reverse())
Copy

Sets the keys of the visible toolbar items and their order.

Example

Usage example:

viewer.toolbar.desktop.addItem(pdfExportButton);
// now you want to remove everything except pdfExportButton and the navigation block.
viewer.toolbar.desktop.layout(['$pdfExportButtonKey', '$navigation']);
Copy

will create a toolbar with the export button and the "navigation" block.

Removes existing item from the toolbar.

Example

Usage example:

viewer.toolbar.desktop.removeItem(pdfExportButton);
Copy

Updates a previously added toolbar item.