Hi GWT experts,
My problem is with TabPanel elements. I'm adding a widget into a TabPanel,
which width and height are set up, for example to 50px. The problem is that
in the DOM, the width and height are explicitly set to 100%. (I inspect the
DOM with chrome "inspect element" feature)
I suspect it's because I'm using the css to set .gwt-TabPanelBottom width
and height to 100%, but I'm not sure how it's related. Can someone explain
me how to setup all this so my widget keep his size? I'm setting
gwt-TabPanelBottom to 100% because in want the surrounding border line to be
at the very bottom in each tab.
Here's the code to reproduce it:
css:
.gwt-TabPanelBottom {
width: 100%;
height: 100%;
}
client side:
TabPanel tabPanel = new TabPanel();
tabPanel.setSize("100%", "100%");
HTML html = new HTML();
html.setSize("50px", "50px");
html.getElement().setId("testWidget");
html.getElement().getStyle().setProperty("background", "rgb(213, 221,
243)");
tabPanel.add(html, "Test");
RootPanel.get().setSize("100%", "100%");
RootPanel.get().add(tabPanel);
Regards,
--
Mehdi
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
