Start Building Professional
Web Apps Today

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

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.

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. ?

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

You can also do it using CSS (example form modern blue skin):

div.dhtmlxMenu_modern_blue_TopLevel_Item_Normal:after
{
padding-left: 10px;
content: "  |  "
}