Win a copy of Design for the Mind this week in the Design forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

TreeItem renders with extra line in IE8

 
Dmitry Berd
Greenhorn
Posts: 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,
When I construct tree with TreeItem that is the panel or even simple HTML, the IE8 renders each TreeItem with extra line. Tree occupies too much space and does not look good.

root

text0 link0

text1 link1

text2 link2

text3 link3

text4 link4

It works fine with IE9, Firefox 3.6, Google Chrome, Safari 5

root
text0 link0
text1 link1
text2 link2
text3 link3
text4 link4

My application runs in lock-down clinical environment that has only IE7 and IE8 browsers. Please help me to fix the problem.

Here is the code sample:

public class TreeSample implements EntryPoint {

public void onModuleLoad() {

TreeItem root = new TreeItem("root");

for (int i=0; i<5; i++){

HTMLPanel panel = new HTMLPanel("<span id='text'></span>" +"<span id='link'></span>");
InlineHTML text = new InlineHTML("text"+i+" ");
Anchor link = new Anchor("link"+i);
panel.add(text, "text");
panel.add(link, "link");

root.addItem(new TreeItem(panel));
}

root.setState(true);

// Create a tree with a few items in it.
Tree t = new Tree();
t.addItem(root);

// Add it to the root panel.
RootPanel.get().add(t);

}
}


Thanks for the help,
Dmitry
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic