Defines position of the tooltip for toolbar items. By default tooltip text will appear on top of the button. However if you set .tooltip property to another value, you can make it show in other position. Possible values are 'top', 'bottom', 'left', 'right'. Note, that you need to set .tooltip for toolbar items. You can defined it during object creation: let toolbar = new w2toolbar({ name: 'toolbar', tooltip: 'bottom', items: [ { type: 'check', id: 'item1', text: 'Check', icon: 'icon-page', checked: true, tooltip: 'Check button' }, { type: 'radio', id: 'item3', group: '1', text: 'Radio 1', icon: 'icon-add', tooltip: 'Check button' }, { type: 'radio', id: 'item4', group: '1', text: 'Radio 2', icon: 'icon-add', tooltip(item) { return item.id; } } ] }); Or any time during run-time: w2ui.toolbar.tooltip = 'top'; There is no need to refresh, as tooltip shows up on mouse over.