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.
