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 }

            double CalsPerDay = Landing.bmr + 3500
                * (TargetWeight - CurrentWeight) / diff;


            RootPanel root = RootPanel.get("CalPerDay");


            DecoratorPanel perDayDecoratorPanel = new DecoratorPanel();
            perDayDecoratorPanel.setWidth("180px");
            root.add(perDayDecoratorPanel);


            FlexTable cPerDayFlexTable = new FlexTable();


            String message = "";


            double gainedToday = Landing.mealCal
                - Landing.workoutCal;


            int a = (int) CalsPerDay;


            message = "<b>Daily net calorie: </b></br><pre>        "
                + (int)CalsPerDay + " cal/day</pre>";


            message += "<b>From today's meal/workout: </b></br><pre>        "
                + (int) gainedToday + " cal</pre>";


            double resultCals = (int) (CalsPerDay - gainedToday);


            resultCals = 0 - resultCals;


            if (resultCals > a) {
              int res = (int) (CalsPerDay - gainedToday);


              if (res > 0) {
                message += "<b>Exceeded your goal by : </b></br><pre>        "
                    + res + " cal</pre>";
              } else {
                res = 0 - res;
                message += "<b>Exceeded your goal by : </b></br><pre>        "
                    + res + " cal</pre>";
              }


            } else {


              if (resultCals > 0) {
                message += "<b>You can eat up to: </b></br><pre>        "
                    + resultCals + " cal</pre>";
              } else {
                resultCals = 0 - resultCals;
                message += "<b>You can eat up to: </b></br><pre>        "
                    + resultCals + " cal</pre>";
              }
            }


            HTML html = new HTML(message);
            cPerDayFlexTable.setWidget(0, 0, html);
            cPerDayFlexTable.getCellFormatter().addStyleName(0, 0,
                "calorieSummary");
            perDayDecoratorPanel.add(cPerDayFlexTable);


          }


          @Override
          public void onFailure(Throwable caught) {

View Full Code Here

      @Override
      public void onSuccess(String result) {


        RootPanel rootPanel = RootPanel.get("WeightCon");


        DecoratorPanel weightDecoratorPanel = new DecoratorPanel();
        weightDecoratorPanel.setWidth("180px");
        rootPanel.add(weightDecoratorPanel);


        FlexTable weightFlexTable = new FlexTable();
        weightDecoratorPanel.setWidget(weightFlexTable);


        Label lblNewLabel = new Label("Your current weight");
        weightFlexTable.setWidget(0, 0, lblNewLabel);


        textBox = new TextBox();

View Full Code Here

      @Override
      public void onSuccess(Bridge result) {
        if (result.goals.size() > 0) {
          RootPanel rootPanel = RootPanel.get("goalHistory");


          DecoratorPanel goalDecoratorPanel = new DecoratorPanel();
          rootPanel.add(goalDecoratorPanel);


          FlexTable weightFlexTable = new FlexTable();
          weightFlexTable.setSize("380px", "80px");
          goalDecoratorPanel.setWidget(weightFlexTable);


          String displayGoal = "";


          Date today = new Date();

View Full Code Here

    ScrollPanel dynamicTreeWrapper = new ScrollPanel(dynamicTree);
    dynamicTreeWrapper.ensureDebugId("cwTree-dynamicTree-Wrapper");
    dynamicTreeWrapper.setSize("300px", "300px");


    // Wrap the dynamic tree in a DecoratorPanel
    DecoratorPanel dynamicDecorator = new DecoratorPanel();
    dynamicDecorator.setWidget(dynamicTreeWrapper);
    dialogContents.add(dynamicDecorator);


    // Add a close button at the bottom of the dialog
    Button nextButton = new Button("Next", new ClickHandler() {
      public void onClick(ClickEvent event) {

View Full Code Here

        final VerticalPanel panel = new VerticalPanel();
        panel.add( cGrid );
        characteristicsAttrPanelMap.put( cGrid, panel );
        //panel.add( addAttributeCellTable( cGrid, characteristic ) );
        panel.setWidth( "100%" );
        DecoratorPanel decoratorPanel = new DecoratorPanel();
        decoratorPanel.add( panel );


        characteristicsPanel.add( decoratorPanel );
        characteristicsPanel.add( gapPanel );
        characteristicsTables.add( cGrid );

View Full Code Here

        final VerticalPanel panel = new VerticalPanel();
        panel.add( cGrid );
        panel.add( addAttributeCellTable( cGrid,
                                          characteristic ) );
        panel.setWidth( "100%" );
        DecoratorPanel decoratorPanel = new DecoratorPanel();
        decoratorPanel.add( panel );


        characteristicsPanel.add( decoratorPanel );
        characteristicsPanel.add( gapPanel );
        characteristicsTables.add( cGrid );

View Full Code Here

    layout.setWidget(1, 1, new TextBox());
    layout.setHTML(2, 0, constants.cwDecoratorPanelFormDescription());
    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

    advancedDisclosure.setContent(advancedOptions);
    layout.setWidget(3, 0, advancedDisclosure);
    cellFormatter.setColSpan(3, 0, 2);


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

View Full Code Here

        } );


        layoutA.setWidget( 3,
                           1,
                           continueButton );
        DecoratorPanel decPanel = new DecoratorPanel();
        decPanel.setWidget( layoutA );
        return decPanel;
    }

View Full Code Here

            }
        } );
        layoutB.setWidget( 5,
                           1,
                           generateButton );
        DecoratorPanel decPanel = new DecoratorPanel();
        decPanel.setWidget( layoutB );
        return decPanel;
    }

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