Below you will find the full configuration of Toolbar elements:
// all labels are taken from the current locale
function getText(text){
var locale = webix.i18n.spreadsheet;
return locale.menus[text] || locale.labels[text] || locale.tooltips[text] || text;
};
var toolbar = [
{
padding: 3,
margin: 0,
rows:[
{
margin: 2,
cols: [
{
name: "sheet", view: "ssheet-button-icon-top",
label: getText("sheet"), arrow: true,
options:[
{id: "new-sheet"},
{id: "copy-sheet"},
{id: "remove-sheet"},
{id: "hide-sheet"}
]
},
{
rows:[
{$button: "excel-import"},
{$button: "excel-export"}
]
},
{
rows:[
{$button: "print"},
{$button: "print-borders"}
]
}
]
},
{},
{template: getText("file"), view: "ssheet-bar-title",
height: titleHeight, width: 85}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{$button: "undo", view: "ssheet-button",
label: getText("undo"), width: sizes.undo },
{$button: "redo", view: "ssheet-button",
label: getText("redo"), width: sizes.undo},
{template: getText("undo-redo"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{
margin: 2,
cols:[
{
margin: 2,
cols:[
{$button: "font-family",
width: (webix.skin.$active.inputHeight+2)*4+6},
{$button: "font-size"}
]
},
{$button: "borders"}
]
},
{
margin: 2,
cols:[
{
margin: 2,
cols:[
{$button: "font-weight"},
{$button: "font-style"},
{ $button: "underline" },
{ $button: "strike" }
]
},
{$button: "background"},
{$button: "color"}
]
},
{template: getText("font"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{
margin: 2,
cols:[
{$button: "text-align"},
{$button: "span"},
{$button: "increase-indent"}
]
},
{
margin: 2,
cols:[
{$button: "vertical-align"},
{$button: "wrap"},
{$button: "decrease-indent"}
]
},
{template: getText("align"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{$button: "format"},
{
margin: 2,
cols:[
{$button: "increase-decimals"},
{$button: "decrease-decimals"}
]
},
{template: getText("number"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{cols:[
{ $button: "sort-asc"},
{ $button: "create-filter"},
{ $button: "conditional-format"},
{ $button: "add-link"},
{ $button: "clear"}
]},
{cols:[
{ $button: "sort-desc"},
{ $button: "add-range"},
{ $button: "lock-cell"},
{ $button: "add-dropdown"}
]},
{template: getText("edit"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{
cols:[
{$button: "image", view: "ssheet-button",
label: getText("image"), width:sizes.insert},
{$button: "add-comment", view: "ssheet-button",
label: getText("comment"), width:sizes.insert},
]
},
{$button: "graph", view: "ssheet-button",
label: getText("graph"), width:sizes.insert},
{template: getText("insert"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{
padding: 3,
rows:[
{
cols:[
{rows:[
{$button:"row"},
{$button:"column"}
]},
{
rows:[
{$button:"hide-gridlines"},
{$button:"hide-headers"},
]
},
{
rows:[
{$button:"freeze-rows"},
{$button:"freeze-columns"}
]
},
{
rows:[
{$button:"show-formulas"},
{}
]
}
]
},
{template: getText("view"),
view: "ssheet-bar-title", height: titleHeight}
]
},
{view: "ssheet-separator"},
{}
]
Back to top