I am also facing this problem. Is there any working example that uses TabLayoutPanel?
On Dec 17 2009, 5:50 pm, paloalto team <[email protected]> wrote: > Set the height of the TabLayoutPanel to something. (100%, or value- > unit) > > (via class .gwt-TabLayoutPanel) > > This is because the header and all child containers are absolutely > positioned. > > On Dec 17, 6:54 am, mariyan nenchev <[email protected]> wrote: > > > > > 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; > > > } > > > TabTest.zip > > 1791KViewDownload -- You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
