mariyan nenchev
unread,Dec 17, 2009, 9:54:54 AM12/17/09Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Sign in to report message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to Google Web Toolkit
Hi,
I tried to use TabLayoutPanel, but it doesn't show its widget.
From fire bug i can see that the content of the both my tabs is overflow:hidden
I attached Web Application project(eclipse project, that uses GEP)
And here is may code:
public class TabTest implements EntryPoint {
public void onModuleLoad() {
RootPanel.get("test").setSize("600px", "600px");
final TabLayoutPanel tab = new TabLayoutPanel(50, Unit.PX);
tab.add(new HTML("asdasdssd"), "test1");
tab.add(new HTML("asdasdssd"), "test2");
tab.selectTab(0);
RootPanel.get("test").add(tab);
}
}
and my css
.gwt-TabLayoutPanelTab,.gwt-TabLayoutPanelTab-selected {
height: 25px;
}
.gwt-TabLayoutPanelTab-selected .gwt-TabLayoutPanelTabInner {
height: 26px;
margin-left: 6px;
background: transparent url(tab-active-right.gif) no-repeat scroll right 0;
}
.gwt-TabLayoutPanelTab {
}
.gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTabInner {
margin-right: 10px;
margin-left: 6px;
}
.gwt-TabLayoutPanelTab-selected {
background: transparent url(tab-active-left.gif) no-repeat scroll left 0;
z-index: 1;
}
.gwt-TabLayoutPanelTabs {
background: transparent url(tabs-bg.png) repeat-x scroll center bottom;
padding-left: 10px;
}
.gwt-TabLayoutPanelTabInner div {
color: #444444;
font-weight: bold;
height: 26px;
padding-top: 6px;
text-align: center;
}
.gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTabInner div {
background: transparent url(tab-inactive-center.png) repeat-x scroll
center top;
}
.gwt-TabLayoutPanelTab-selected .gwt-TabLayoutPanelTabInner div {
background: transparent url(tab-active-center.gif) repeat-x scroll
center top;
width: 100%;
margin-left: -3px;
margin-right: 20px;
}
.tabContentWrapper {
margin: 35px;
}