Is that the complete and exact code from your screen shot? The first
thought that comes to mind is that you might be loading up those tab
panels with content that's exactly 400px high -- which expands to
412px when you factor in the default 6px padding from this rule in
standard.css:
.gwt-TabPanelBottom {
border-color: #92c1f0;
border-style: solid;
border-width: 3px 2px 2px;
overflow: hidden;
padding: 6px;
}
I just generated a GWT project in Eclipse and plugged in your code as
the EntryPoint, and when I run it here, the tab panel content is what
I'd expect to see -- just enough to account for those HTML controls
you're loading. But if you substituted those for more complex HTML
widgets in your live sample, that could account for the difference.
We eliminated that padding here by defining this CSS rule and applying
it to our TabPanel widgets using: tabPanel.getDeckPanel
().addStyleName("basis-TabPanelBottom");
.basis-TabPanelBottom.gwt-TabPanelBottom
{
padding: 0px;
}
An extremely useful debugging approach is to right-click on your
generated web page and select "Inspect Element" to see precisely how
the browser is rendering your content. This will point you to box
layout details that you might not have anticipated, like extra borders
or padding. The DOM inspector is built in to hosted mode, and is
standard in Chrome and Safari (in Safari, you have to enable the
Develop menu) or as a plugin (Firefox: http://getfirebug.com/) in most
browsers.
On Sep 6, 9:46 am, tekgrunt <[email protected]> wrote:
> Hello!
>
> I am developing a web application and have decided to get to know GWT.
> Everything looks great, but I am barely out of the gate and have run
> into a show stopper.
>
> I am using the DockPanel layout with a TabPanel in the CENTER position
> and a HorizontalPanel in the SOUTH position. The problem is that the
> lower portion of the TabPanel overlaps the top of the HorizontalPanel.
>
> I am hoping this is a known issue or lack of understanding on my part
> (as is most likely). Any help with this issue would be greatly
> appreciated.
>
> A screenshot can be seen here:http://www.christopherluft.com/screenCap.jpg
>
> The code can be seen here:http://www.christopherluft.com/code.rtf
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
