Template for the item object The .item_template property defines default values for the toolbar item. This template is used when new toolbar items are created. An item object has the following structure: item: { id : null, // id of the item type : 'button',// type of the item (button, check, radio, drop, menu, break, spacer, html) text : '', // caption of the item, can be string or function html : '', // html text for the item (only if type = html), can be string or function tooltip : null, // tooltip for the item (see w2toolbar.tooltip), can be string or function count : null, // count badge hidden : false, // indicates if item is hidden disabled : false, // indicates if item is disabled checked : false, // indicates if item is checked icon : '', // css class of the icon font for the item, can be string or function route : null, // route to follow, can have dynamic parts as /item/:id/details (see routeData) arrow : true, // down arrow for drop/menu types style : null, // extra css style for caption color : null, // color value - used in color pickers group : null, // group name for the item, used for radio buttons, can be integer or string items : null, // for type=menu it is an array of items in the menu selected : null, // id of array of ids of the selected item(s) for menu-check and menu-radio overlay : {}, // for drop down menus additional params for overlay, see overlay options: { advanced: false, // advanced picker t/f - user in color picker transparent: true, // transparent t/f - used in color picker html: '' // additional buttons for color picker }, onClick : null, // click event handler for this item only onRefresh: null // refresh event handler for this item only } There are 13 types of toolbar items

button	regular button
check	check button (see .checked property.
radio	radio button (see .checked and .group property
menu	drop down menu. The .items property will be treated as menu items. This property either an array of strings or array of objects. If it is array of string, then each element of the array is a menu item. If it is array of object, then each element of the array is an object of the following type: item: { id : '', // id of the menu item text : '', // text of the menu item icon : '', // css class for icon font img : '', // css class for an image keepOpen : false, // if true, the menu will not close when item is selected disabled : false, // indicates if menu item is disabled checked : false // indicates if menu item is checked (for menu-check or menu-radio) } There are several default icons in w2ui.css file you can use or you can create your own css file with icons. Majority of default icons are used in w2grid. Default icons are: icon-folder, icon-page, icon-reload, icon-columns, icon-search, icon-add, icon-delete, icon-save, icon-edit, icon-bullet-black
menu-check	drop down menu of check boxes. It is similar to the menu item, but displays a checkbox next to the menu item. You can check what checkboxes are selected if you read .selected property (toolbar item not menu item). In case of menu-check it is an array of ids of the selected items.
menu-radio	drop down menu of radio buttons. It is similar to the menu item, but displays a radio button next to the menu item. You can check what radio button is selected if you read .selected property (toolbar item not menu item). In case of menu-radio it is a single value that is the id of the selected item
drop	simple drop down, whatever in .html property will be display in the drop down
html	html item, this html will be displayed instead of the toolbar item
color	color picker drop down, see .color and .transparent properties.
text-color	color picker drop down for text, see .color, .transparent properties.
break	horizontal separator
spacer	horizontal spacer, will push all following buttons to the right hand side
new-line	vertical separator