Alright, so this should be very simple, but it is not working for me
at all.  I am having issues with several different panels not doing
what I want them to do.  But, for now, I am going to focus on tackling
my StackLayoutPanel, and maybe it will solve all my other problems.

Code in my Java application as follows:

        private final StackLayoutPanel  components      = new
StackLayoutPanel(Unit.EM);

        private final FlowPanel         flowPanel1              = new 
FlowPanel();
        private final FlowPanel         flowPanel2              = new 
FlowPanel();
        private final FlowPanel         flowPanel3              = new 
FlowPanel();

        private final ScrollPanel               scrollPanel1    = new
ScrollPanel(flowPanel1);
        private final ScrollPanel               scrollPanel2    = new
ScrollPanel(flowPanel2);
        private final ScrollPanel               scrollPanel3    = new
ScrollPanel(flowPanel3);
        ...
        public void onModuleLoad() {
        ...

                flowPanel1.add(new HTML("Content 1 goes here..."));
                flowPanel2.add(new HTML("Content 2 goes here..."));
                flowPanel3.add(new HTML("Content 3 goes here..."));

                components.add(scrollPanel1, new HTML("Title 1"), 3);
                components.add(scrollPanel2, new HTML("Title 2"), 3);
                components.add(scrollPanel3, new HTML("Title 3"), 3);

                RootPanel.get("contentContainer").add(components);

                components.setVisible(false);

        ...
        }

I have a button that has a handler to make components visible that
works properly.

I have some HTML that it is embedded in (<!doctype html> is specified
at the top):

    <table align="center" width="400" height="600">
      <tr>
        <td id="contentContainer" style="width: 400; height: 600;"></
td>
      </tr>
    </table>

In Internet Explorer, my StackLayoutPanel appears as an <hr> tag 1px
in height, with the rest of the content blank.  In Firefox, the first
stack header is positioned correctly, however stacks 2 and 3 are above
it (reverse order), squashing the other content on the screen.  I
click the top 2 headers and they drop down into the correct positions
(from what I have seen, this is not proper behavior for this type of
panel), however, I don't see any content in any tabs.

I am starting from the skeleton GAE application template in Eclipse,
and my CSS remains unchanged, so it shouldn't be affecting this panel
at all.

Does anyone have any ideas on why this may not be working properly?

-- 
You received this message because you are subscribed to the Google Groups 
"Google Web Toolkit" group.
To post to this group, send email to google-web-tool...@googlegroups.com.
To unsubscribe from this group, send email to 
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-web-toolkit?hl=en.

Reply via email to