Categories | Question details Back To List | ||
2 dhtmlxmenu questions 1. Is there any way to add separators like | into the top level menu bar which is a horizontal menu bar? 2. How to make the cursor always be hand in all broswers? I tried to change the menubar css file to replace cursor:default with cursor:pointer, however, this seems to work only in IE. Thanks a lot! Tim Answer posted by Support on Oct 27, 2008 09:22 1. For the current moment menu does not support top-level separators. Probably such functionality will added in future release. 2. Right, you should change corresponding css file. Answer posted by Tejas Shah on Nov 27, 2008 23:19 Hi there, I tried doing following for adding separator | into the top level menu bar which is a horizontal menu bar (in XML). <?xml version='1.0' ?> <menu maxItems="12" withoutImages="yes"> <MenuItem name="Add" id="add_component" width="25px" panelWidth="100px" withoutImages="yes"> <MenuItem name="Text" id="addText" /> <MenuItem name="Subhead" id="addSubhead"/> <MenuItem name="Note" id="addNote"/> <MenuItem name="Footnote" id="addFN"/> <MenuItem name="Table" id="addTable"/> <MenuItem name="Variable" id="addVariable"/> <MenuItem name="Footnote Mapping" id="fnMapping"/> </MenuItem> <![CDATA[|]]> <MenuItem name="Load" id="load" width="25px" panelWidth="100px" withoutImages="yes"> <MenuItem name="Image" id="loadImage"/> <MenuItem name="Data" id="loadData" panelWidth="100px" withoutImages="yes"> <MenuItem name="New" id="newData"/> <MenuItem name="View Status" id="dataViewStatus"/> </MenuItem> </MenuItem> <![CDATA[|]]> <MenuItem name="Search Library" id="search_library" width="25px"></MenuItem> </menu> ALSO this <?xml version='1.0' ?> <menu maxItems="12" withoutImages="yes"> <MenuItem name="Add |" id="add_component" width="25px" panelWidth="100px" withoutImages="yes"> <MenuItem name="Text" id="addText" /> <MenuItem name="Subhead" id="addSubhead"/> <MenuItem name="Note" id="addNote"/> <MenuItem name="Footnote" id="addFN"/> <MenuItem name="Table" id="addTable"/> <MenuItem name="Variable" id="addVariable"/> <MenuItem name="Footnote Mapping" id="fnMapping"/> </MenuItem> <MenuItem name="Load |" id="load" width="25px" panelWidth="100px" withoutImages="yes"> <MenuItem name="Image" id="loadImage"/> <MenuItem name="Data" id="loadData" panelWidth="100px" withoutImages="yes"> <MenuItem name="New" id="newData"/> <MenuItem name="View Status" id="dataViewStatus"/> </MenuItem> </MenuItem> <MenuItem name="Search Library" id="search_library" width="25px"></MenuItem> </menu> I hope there is some trick to add "|" as separator. ? Answer posted by Support on Nov 28, 2008 01:51 Can be done as <menu maxItems="12" withoutImages="yes"> � <MenuItem name="Add" id="add_component" width="25px" panelWidth="100px" withoutImages="yes"> � <MenuItem name="Text" id="addText" /> � <MenuItem name="Subhead" id="addSubhead"/> � <MenuItem name="Note" id="addNote"/> � <MenuItem name="Footnote" id="addFN"/> � <MenuItem name="Table" id="addTable"/> � <MenuItem name="Variable" id="addVariable"/> � <MenuItem name="Footnote Mapping" id="fnMapping"/> � </MenuItem> �� <divider id="div_1"/> http://dhtmlx.com/docs/products/docsExplorer/doc/dhtmlxxml/xmlMenu.html Answer posted by Luis Domingues on Nov 28, 2008 14:10 You can also do it using CSS (example form modern blue skin): div.dhtmlxMenu_modern_blue_TopLevel_Item_Normal:after { padding-left: 10px; content: " | " } |