Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Stoffel A. on Dec 23, 2008 03:45
open dhtmlx forum
Tree plus / minus / images icon size are diffrent in Firefox 3 and IE 6

The plus / minus / images icon size of the tree item are diffrent in Firefox 3 and IE 6.
IE show it correct. But Firefox 3 strech the icons a little bit.
The images and the icons are 16px*16px

Thanks


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>Test</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 23, 2008 04:16
You can change related size settings of tree as

gObjectTree = gObjectLayout.cells("a").attachTree(); 
gObjectTree.def_line_img_x= gObjectTree.def_line_img_y = gObjectTree.def_img_x = gObjectTree.def_img_y = "16px";
Answer posted by Stoffel A. on Dec 23, 2008 10:04
Thanks
It works fine.
Answer posted by Stoffel A. on Dec 23, 2008 10:10
Sorry...
That was not the solution:
Firefox 3: I have now a white line between the items.
IE6: the Icons are still smaller.
Answer posted by Stoffel A. on Dec 23, 2008 10:17
Ups.
Icons are default 18px * 18px? Could be my problem...

Answer posted by Stoffel A. on Dec 23, 2008 10:22
I try it with:
gObjectTree.def_line_img_x= gObjectTree.def_line_img_y = gObjectTree.def_img_x = gObjectTree.def_img_y = "18px";
All Icons are 18px*18px: Same problem
Answer posted by Stoffel A. on Dec 23, 2008 10:25
Here the screenshots...
Attachments (2)
Firefox3.jpg9.75 Kb
IE6.jpg9.56 Kb
Answer posted by Stoffel A. on Dec 23, 2008 12:46
Sorry...

The Problem was the zoom in Firefox :-(
You can delete this qustion...

Thanks