Tabs and component height

[Tim Gaul]

I have a simple problem, which I can't seem to get right, much to my frustration.

This simple piece of code:

        Form mainForm = new Form("Main");
        mainForm.setScrollable(false);

        Tabs tabs = new Tabs();
        tabs.setUIID("Tabs");

        Container homeContainer = new Container();
        homeContainer.setLayout(new BorderLayout());      

        MapComponent mc = new MapComponent(new GoogleMapsProvider(Services.API_KEY));

        Button button = new Button("Click Me!");

        homeContainer.addComponent(BorderLayout.CENTER, mc);
        homeContainer.addComponent(BorderLayout.SOUTH, button);

        tabs.addTab("Home", homeContainer);

        mainForm.addComponent(tabs);
        mainForm.show();

is resulting in the mapcomponent being to tall and pushing the button off the screen. How do I ensure the mapcomponent resizes correctly to allow the button to remain visible?

Thanks!

Tim

[Chen Fishbein]

sets the Form layout to borderlayout and place tabs in the center

[Tim Gaul]

Thanks Chen,

Such a simple solution and it never occurred to me!