how to make dijit vertical toolbar with dojo programatically or declaratively -
using dijit/toolbar renders horizontal toolbars. need vertical.
<div id="toolbar1" data-dojo-type="dijit/toolbar" ><div data-dojo-type="dijit/form/button" id="toolbar1.cut" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconcut', showlabel:false">cut</div ><div data-dojo-type="dijit/form/button" id="toolbar1.copy" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconcopy', showlabel:false">copy</div ><div data-dojo-type="dijit/form/button" id="toolbar1.paste" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconpaste', showlabel:false">paste</div ><!-- following adds line between toolbar sections --><span data-dojo-type="dijit/toolbarseparator"></span ><div data-dojo-type="dijit/form/togglebutton" id="toolbar1.bold" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconbold', showlabel:false">bold</div>
thanks
dojo's toolbar can't made vertical can create dijit/menu , not setting hidden default.
something should work:
<div data-dojo-type="dijit/menu"> <div data-dojo-type="dijit/menuitem" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconcut'">cut</div> <div data-dojo-type="dijit/menuitem" data-dojo-props="iconclass:'dijiteditoricon dijiteditoriconcopy'">copy</div> </div>
if want programmatically, works. don't specify targetnodeid , give widget node (or id) when creating it.
also, can modify menuitem css standard button (border radius, box shadows, etc) if vertical menus i've seen buttons end using more flattened style button.
Comments
Post a Comment