Examples of com.google.gwt.user.client.ui.DecoratorPanel

com.google.gwt.user.client.ui.DecoratorPanel
A {@link SimplePanel} that wraps its contents in stylized boxes, which can beused to add rounded corners to a {@link Widget}.

Wrapping a {@link Widget} in a "9-box" allows users to specify images in eachof the corners and along the four borders. This method allows the content within the {@link DecoratorPanel} to resize without disrupting the look ofthe border. In addition, rounded corners can generally be combined into a single image file, which reduces the number of downloaded files at startup. This class also simplifies the process of using AlphaImageLoaders to support 8-bit transparencies (anti-aliasing and shadows) in ie6, which does not support them normally.

Setting the Size:

If you set the width or height of the {@link DecoratorPanel}, you need to set the height and width of the middleCenter cell to 100% so that the middleCenter cell takes up all of the available space. If you do not set the width and height of the {@link DecoratorPanel}, it will wrap its contents tightly.
```
 .gwt-DecoratorPanel .middleCenter { height: 100%; width: 100%; } 
```
CSS Style Rules
- .gwt-DecoratorPanel { the panel }
- .gwt-DecoratorPanel .top { the top row }
- .gwt-DecoratorPanel .topLeft { the top left cell }
- .gwt-DecoratorPanel .topLeftInner { the inner element of the cell }
- .gwt-DecoratorPanel .topCenter { the top center cell }
- .gwt-DecoratorPanel .topCenterInner { the inner element of the cell }
- .gwt-DecoratorPanel .topRight { the top right cell }
- .gwt-DecoratorPanel .topRightInner { the inner element of the cell }
- .gwt-DecoratorPanel .middle { the middle row }
- .gwt-DecoratorPanel .middleLeft { the middle left cell }
- .gwt-DecoratorPanel .middleLeftInner { the inner element of the cell }
- .gwt-DecoratorPanel .middleCenter { the middle center cell }
- .gwt-DecoratorPanel .middleCenterInner { the inner element of the cell }
- .gwt-DecoratorPanel .middleRight { the middle right cell }
- .gwt-DecoratorPanel .middleRightInner { the inner element of the cell }
- .gwt-DecoratorPanel .bottom { the bottom row }
- .gwt-DecoratorPanel .bottomLeft { the bottom left cell }
- .gwt-DecoratorPanel .bottomLeftInner { the inner element of the cell }
- .gwt-DecoratorPanel .bottomCenter { the bottom center cell }
- .gwt-DecoratorPanel .bottomCenterInner { the inner element of the cell }
- .gwt-DecoratorPanel .bottomRight { the bottom right cell }
- .gwt-DecoratorPanel .bottomRightInner { the inner element of the cell }

    mapPresenter.setSize(480, 480);
    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapLayerVisibility");
    return layout;

View Full Code Here

    mapPresenter = getInjector().getMapPresenter();
    mapPresenter.setSize(480, 480);
    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapOsm");
    return mapDecorator;
  }

View Full Code Here

    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    layout.add(leftLayout);
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapOsm");
    return layout;

View Full Code Here

    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    layout.add(leftLayout);
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapOsm");
    return layout;

View Full Code Here

    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    layout.add(leftLayout);
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapLegend");
    return layout;

View Full Code Here

    mapPresenter.getEventBus().addHandler(MyLayerVisibilityHandler.TYPE, new MyLayerVisibilityHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    layout.add(leftLayout);
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapLayerVisibility");
    return layout;

View Full Code Here

    mapPresenter.getEventBus().addHandler(MapInitializationEvent.TYPE, new MyMapInitializationHandler());


    // Define the whole layout:
    HorizontalPanel layout = new HorizontalPanel();
    layout.add(leftLayout);
    DecoratorPanel mapDecorator = new DecoratorPanel();
    mapDecorator.add(mapPresenter.asWidget());
    layout.add(mapDecorator);


    // Initialize the map, and return the layout:
    mapPresenter.initialize("pure-gwt-app", "mapOsm");
    return layout;

View Full Code Here

    layout.setWidget(1, 1, new TextBox());
    layout.setHTML(2, 0, "Description");
    layout.setWidget(2, 1, new TextBox());


    // Wrap the content in a DecoratorPanel
    DecoratorPanel decPanel = new DecoratorPanel();
    decPanel.setWidget(layout);
    return decPanel;


  }

View Full Code Here

        }
      }
    });


    // Return the tree (decorated)
    DecoratorPanel decPanel = new DecoratorPanel();
    decPanel.setWidget(dynamicTree);
    return decPanel;
  }

View Full Code Here

    bodyHtml = new HTML();
//      bodyHtml.setWidth("700px");
    
    if ( useDecoratorPanel ) {
      CellPanel p = new VerticalPanel();
      DecoratorPanel decPanel = new DecoratorPanel();
      decPanel.setWidget(p);
      add(decPanel);
      if ( useScroller ) {
        scroller = new ScrollPanel(bodyHtml); 
//        scroller.setSize("450px", "120px");
//        scroller.setWidth("450px");

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.google.gwt.user.client.ui.DecoratorPanel

cing.client.FileView

com.bestfit.client.Landing

com.cem.client.view.MainView

com.example.GWTOAuthLoginDemo.client.ui.LoginScreen

com.google.gwt.gears.sample.workerpooldemo.client.WorkerPoolDemo

com.google.gwt.maps.sample.hellomaps.client.HelloMaps

com.google.gwt.ricordo.client.view.RicordoView

com.google.gwt.sample.contacts.client.view.ContactAddressView

com.google.gwt.sample.contacts.client.view.ContactsView

com.google.gwt.sample.contacts.client.view.EditContactView

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of com.google.gwt.user.client.ui.DecoratorPanel

Setting the Size:

CSS Style Rules

Related Classes of com.google.gwt.user.client.ui.DecoratorPanel