Replace a ContentPanel in a BorderLayout

[Stefan.Baehring]

Hello,

I'm trying to replace a ContentPanel within a Border Layout. I'm using this example:

Viewport viewport = new Viewport();
BorderLayout bl = new BorderLayout();
viewport.setLayout(bl);
LayoutContainer north = new LayoutContainer();
north.addText("North: Application Title");
ContentPanel west = new ContentPanel();
west.setHeading("West: Navigation");
ContentPanel center = new ContentPanel();
BorderLayoutData northData = new BorderLayoutData(LayoutRegion.NORTH, 20);
northData.setMargins(new Margins(5, 5, 0, 5));
BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 150);
westData.setCollapsible(true);
westData.setFloatable(true);
westData.setSplit(true);
westData.setMargins(new Margins(5, 0, 5, 5));

BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER);
centerData.setMargins(new Margins(5));
viewport.add(north, northData);
viewport.add(west, westData);
viewport.add(center, centerData);
RootPanel.get().add(viewport);

I'm trying to replace the ContentPanel "center" with a complete new one when a button is pressed,
but nothing happens (the event handling works fine). I tried something like this:

viewport.remove(center); ---> this works!
ContentPanel newCP = new ContentPanel();
newCP.setHeading("New ContentPanel");
viewport.add(newCP, centerData); ---> nothing happens!

also tried:
viewport.layout();
viewport.repaint();
...

Any suggestions?

Many thanks for your help.

Best Regards,

Stefan Baehring

[marman]

can you give a full code example so we can paste it into our code and see what is going on?

[sven]

I did a small testcase:

class Test implements EntryPoint {

  public void onModuleLoad() {

    final Viewport viewport = new Viewport();
    BorderLayout bl = new BorderLayout();
    viewport.setLayout(bl);
    LayoutContainer north = new LayoutContainer();
    north.addText("North: Application Title");
    ContentPanel west = new ContentPanel();
    west.setHeading("West: Navigation");
    final ContentPanel center = new ContentPanel();
    BorderLayoutData northData = new BorderLayoutData(LayoutRegion.NORTH, 20);
    northData.setMargins(new Margins(5, 5, 0, 5));
    BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 150);
    westData.setCollapsible(true);
    westData.setFloatable(true);
    westData.setSplit(true);
    westData.setMargins(new Margins(5, 0, 5, 5));

    final BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER);
    centerData.setMargins(new Margins(5));
    viewport.add(north, northData);
    viewport.add(west, westData);
    viewport.add(center, centerData);
    RootPanel.get().add(viewport);

    new Timer() {

      @Override
      public void run() {
        viewport.remove(center);
        ContentPanel newCP = new ContentPanel();
        newCP.setHeading("New ContentPanel");
        viewport.add(newCP, centerData);
        viewport.layout();
      }

    }.schedule(1000);

  }

}

After one second the center contentpanel switches to the new one. You need to call layout.

[Stefan.Baehring]

Hello sven,

now it works.

I'm quite sure that I have tried calling the layout() method.
Anyway, I have implemented my source code from scratch again and now it works.
Maybe I have tried to many things and something got mixed up.

Many thanks for the help,

Stefan