Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Stoffel A. on Dec 16, 2008 03:55
open dhtmlx forum
Context Menu: Icons in IE 6

The icons in the context menu are over the text in IE 6. The formating is not proper. It works with firefox 3. What can I do?
Answer posted by Support on Dec 16, 2008 04:08
Known bug with doctype usage.
http://dhtmlx.com/docs/products/kb/index.php?s=normal&q=6874
Answer posted by Stoffel A on Dec 17, 2008 04:21
My page has also the doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
But it dosn't work in the IE 6.
The problem is with a context menu of a tree.
Answer posted by Support on Dec 17, 2008 05:09
Which skin are you using?
Answer posted by Stoffel A. on Dec 17, 2008 07:54
Context menu skin: dhx_blue
Answer posted by Support on Dec 18, 2008 01:40
Attached demo located on the link above works fine on our side. We cannot repeat your bug.
COuld you please provide your demo?
Answer posted by Stoffel A. on Dec 21, 2008 11:06

MainPage:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>yyy</title>
<link rel='stylesheet' type='text/css' href='/dhtmlx/dhtmlx.css'>
<script language="JavaScript" type="text/javascript" src="/dhtmlx/dhtmlx.js"></script>
<script language="JavaScript" type="text/javascript" src="/js/programm.js"></script>
</head>
<body id="idBody">
<div id="idLogin"></div>
</body>
</html>

Part of /js/programm.js:
    var lContextMenu = new dhtmlXMenuObject(); 
    lContextMenu.setImagePath("/dhtmlx/imgs/");
    lContextMenu.setIconsPath("/dhtmlx/imgs/csh_vista/");
    lContextMenu.renderAsContextMenu();
    lContextMenu.loadXMLString(strXML);
    lContextMenu.attachEvent("onClick", requestMenuItem);
    gObjectTree.enableContextMenu(lContextMenu);

strXML is:
<menu>
<item id="idMenu_NewLocation" img="houses.gif" imgdis="houses.gif" text="Neuer Ort"/>
<item id="idMenu_NewBuilding" img="home.gif" imgdis="home.gif" text="Neues Geb&amp;auml;ude"/>
<item id="idMenu_Delete" img="delete.gif" imgdis="delete.gif" text="L&amp;ouml;schen"/>
</menu>
Answer posted by Stoffel A. on Dec 21, 2008 11:46
Here a compact example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>EW Riedbach</title>
<link rel='stylesheet' type='text/css' href='/dhtmlx/dhtmlx.css'>

<script language="JavaScript" type="text/javascript" src="/dhtmlx/dhtmlx.js"></script>
<script type="text/javascript">
function main(){
    var gObjectLayout = new dhtmlXLayoutObject(document.body, "2U");
    gObjectLayout.cells("a").hideHeader();
    gObjectLayout.cells("a").setWidth(250);
    gObjectLayout.cells("b").hideHeader();
    gObjectTree = gObjectLayout.cells("a").attachTree();
    gObjectTree.setImagePath("/dhtmlx/imgs/csh_vista/");
    gObjectTree.enableHighlighting(true);
    gObjectTree.enableCheckBoxes(false);
    gObjectTree.enableAutoTooltips(true);
    gObjectTree.enableItemEditor(true);
    var lstr = '<tree id="0"><item id="idLocation_1" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="Test"><item id="idLocation_2" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="Hallo"><item id="idLocation_5" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="Jupi"/><item id="idLocation_34" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="Yes"/><item id="idLocation_35" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="Ich"/><item id="idLocation_59" im0="houses.gif" im1="houses.gif" im2="houses.gif" text="New dsf ds"/></item></item></tree>'
    gObjectTree.loadXMLString(lstr);
   
    var lStr2 = '<menu><item id="idMenu_NewLocation" img="houses.gif" imgdis="houses.gif" text="Neuer Ort"/><item id="idMenu_NewBuilding" img="home.gif" imgdis="home.gif" text="Neues Gebude"/><item id="idMenu_Delete" img="delete.gif" imgdis="delete.gif" text="Lschen"/></menu>'
    var lContextMenu = new dhtmlXMenuObject(); 
    lContextMenu.setImagePath("/dhtmlx/imgs/");
    lContextMenu.setIconsPath("/dhtmlx/imgs/csh_vista/");
    lContextMenu.renderAsContextMenu();
    lContextMenu.loadXMLString(lStr2);
    gObjectTree.enableContextMenu(lContextMenu);
}
</script>

</head>
<body style="width:100%; height:100%; margin:0px; overflow:hidden;" onload="main();">gfsd
</body>
</html>
Answer posted by Support on Dec 22, 2008 02:40
Here is updated (already fixed) dhtmlxmenu.js file. Provided source code works fine with it.
You should replace old dhtmlxmenu.js file in dhtmlx package and rebuild the dhtmlx.js/dhtmlx.css

Regarding your demo: you should add the following style:
html,body{width:100%; height:100%; margin:0px; overflow:hidden;}
Attachments (1)
dhtmlxmenu.zip19.81 Kb
Answer posted by Stoffel A. on Dec 22, 2008 14:19
Thanks
It works fine!
Great support