I've converted my app over to use Layout panels in an attempt to
maintain sanity in dynamic layout, however the TabLayoutPanel doesn't
seem to render child Layout panels properly in IE7 and 8 when
switching tabs.  The first tab that is set open programatically is
fine, all other tabs you switch to show the bottom-most 100% height
item of their respective layout hierarchy.  Here is my approx. widget
tree:

DecoratedDialogBox
  TabLayoutPanel (sized explicitly PX x PX)
    DockLayoutPanel (tab 1)
      tab1 content (add)
      tab1 buttons (addSouth)
    DockLayoutPanel (tab 2)
      tab2 top stuff (addNorth)
      StackLayoutPanel (add)
        stackitemA content
        DockLayoutPanel (stackitemB)
          stackitemB content (add)
          stackitemB controls (addSouth)
      tab2 buttons (addSouth)

If tab1 is open first, then switching to tab2 fills the area with
"stackitemB content" (what I meant by bottom-most 100% height item).
If tab2 is open first, going to tab1 fills the area with "tab1
content".  In either case the initially opened tab is perfect.

Firefox, Safari, and Opera all work correctly.  With IE6 it seems to
hit this similar but different issue: 
http://code.google.com/p/google-web-toolkit/issues/detail?id=4596.
Of course the issue has to happen in the browser with the painful
debugger..

I've tried several variations of calling onResize, setVisible, and
setting the display style at the various levels upon tab switch, to no
avail.  Yes, I've verified that IE evaluates this in standards mode.

Any idears?  Am I doing something wrong here?

Thanks,
jk

-- 
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.

Reply via email to