Panel refreshing

[seth_king]

I am trying to place a Login panel in the upper right corner. I have an absolute panel set to 100% then I am placing the flow panel based on the width. I can get the panel is move based on the browser's size but I have to refresh to get the panel to update. How can I get the panels to update as the browser is resizing, in realtime.

thanks

[Konstantin.Scheglov]

There are many ways to do this. See below example with two ways - using HorizontalPanel and manually. Variant with Panel's is more simple, but manual gives you most flexibility, for example you can also resize your Login panel, or something like this.

Code: Select all

public class ImageViewer implements EntryPoint {
   final RootPanel rootPanel = RootPanel.get();
   public void onModuleLoad() {
      // first variant - using panels
      {
         final HorizontalPanel horizontalPanel = new HorizontalPanel();
         rootPanel.add(horizontalPanel);
         horizontalPanel.setWidth("100%");
         {
            final Button button = new Button();
            horizontalPanel.add(button);
            horizontalPanel.setCellHorizontalAlignment(button, HasHorizontalAlignment.ALIGN_RIGHT);
            button.setText("New Button");
         }
      }
      // second variant - manual, most flexible
      {
         final Button button = new Button();
         rootPanel.add(button);
         button.setText("New Button");
         WindowResizeListener resizeListener = new WindowResizeListener() {
            public void onWindowResized(int width, int height) {
               int x = width - button.getOffsetWidth();
               int y = height - button.getOffsetHeight();
               rootPanel.setWidgetPosition(button, x, y);
            }
         };
         resizeListener.onWindowResized(Window.getClientWidth(), Window.getClientHeight());
         Window.addWindowResizeListener(resizeListener);
      }
   }
}