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 }

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

View Full Code Here

        layoutC.setWidget( 2,
                           1,
                           generateButton );


        // Wrap the content in a DecoratorPanel
        DecoratorPanel decPanel = new DecoratorPanel();
        decPanel.setWidget( layoutC );
        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

        layoutC.setWidget( 2,
                           1,
                           generateButton );


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

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

        HorizontalAlignmentConstant har = HasHorizontalAlignment.ALIGN_RIGHT;
        
        grid = new Grid(1, 2);
        verticalPanel.add(grid);
        
        DecoratorPanel dp = new DecoratorPanel();
        
        String labelStyle = css.loginWithLabelStyle();
        String imageStyle = css.authProviderIconsStyle();
        
        /* left side */
        flexTableLeft = new FlexTable();
        dp.add(flexTableLeft);
        grid.setWidget(0, 0, dp);
        
        Label loginWithLabel = new Label("Login With");
        loginWithLabel.setWordWrap(false);
        loginWithLabel.setStyleName(labelStyle);
        flexTableLeft.setWidget(0,0,loginWithLabel);
        
        // row 1
        int r; int c;
        r = 1; c = 0;
        facebookImage = new Image(images.facebookIconImageData().getSafeUri());
        image = facebookImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Facebook");
        flexTableLeft.setWidget(r,c,image);
        
        r = 1; c = 1;
        googleImage = new Image(images.googleIconImageData().getSafeUri());
        image = googleImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Google");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        r = 1; c = 2;
        twitterImage = new Image(images.twitterIconImageData().getSafeUri());
        image = twitterImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Twitter");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        r = 1; c = 3;
        yahooImage = new Image(images.yahooIconImageData().getSafeUri());
        image = yahooImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Yahoo!");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        // row 2
        r = 2; c = 0;
        linkedinImage = new Image(images.linkedinIconImageData().getSafeUri());
        image = linkedinImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with LinkedIn");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        r = 2; c = 1;
        instagramImage = new Image(images.instagramIconImageData().getSafeUri());
        image = instagramImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Instagram");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);       
        
        r = 2; c = 2;
        vimeoImage = new Image(images.vimeoIconImageData().getSafeUri());
        image = vimeoImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Vimeo");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        r = 2; c = 3;
        githubImage = new Image(images.githubIconImageData().getSafeUri());
        image = githubImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with github");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        // row 3
        r = 3; c = 0;
        flickrImage = new Image(images.flickrIconImageData().getSafeUri());
        image = flickrImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with flickr");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        
        r = 3; c = 1;
        liveImage = new Image(images.liveIconImageData().getSafeUri());
        image = liveImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with Microsoft Live Connect");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(1, 0, HasHorizontalAlignment.ALIGN_RIGHT);
        flexTableLeft.getFlexCellFormatter().setColSpan(0, 0, 4);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_LEFT);
        
        r = 3; c = 2;
        tumblrImage = new Image(images.tumblrIconImageData().getSafeUri());
        image = tumblrImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with tumblr.");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(1, 0, HasHorizontalAlignment.ALIGN_RIGHT);
        flexTableLeft.getFlexCellFormatter().setColSpan(0, 0, 4);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_LEFT);
        
        r = 3; c = 3;
        foursquareImage = new Image(images.foursquareIconImageData().getSafeUri());
        image = foursquareImage;
        image.setStyleName(imageStyle);
        image.setTitle("Login with foursquare");
        flexTableLeft.setWidget(r,c,image);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(r,c,har);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(1, 0, HasHorizontalAlignment.ALIGN_RIGHT);
        flexTableLeft.getFlexCellFormatter().setColSpan(0, 0, 4);
        flexTableLeft.getCellFormatter().setHorizontalAlignment(0, 0, HasHorizontalAlignment.ALIGN_LEFT);
        
        /********************** right side *******************/
        dp = new DecoratorPanel();
        flexTableRight = new FlexTable();
        dp.add(flexTableRight);
        grid.setWidget(0, 1, dp);
        
        loginWithLabel = new Label("Login With Default Account");
        loginWithLabel.setWordWrap(false);
        loginWithLabel.setStyleName(css.loginWithLabelStyle());

View Full Code Here

    
    private UserTable usersTable;


    public MainView()
    {
        DecoratorPanel contentTableDecorator = new DecoratorPanel();
        initWidget(contentTableDecorator);
        contentTableDecorator.setWidth("100%");
        contentTableDecorator.setWidth("18em");
        
        
        FlexTable contentTable = new FlexTable();
        contentTable.setWidth("100%");
        contentTable.getCellFormatter().addStyleName(0, 0, "contacts-ListContainer");
        contentTable.getCellFormatter().setWidth(0, 0, "100%");
        contentTable.getFlexCellFormatter().setVerticalAlignment(0, 0, DockPanel.ALIGN_TOP);




        FlexTable contactsTable = new FlexTable();
        contactsTable.setCellSpacing(0);
        contactsTable.setCellPadding(0);
        contactsTable.setWidth("100%");
        contactsTable.addStyleName("contacts-ListContents");
        contactsTable.getColumnFormatter().setWidth(0, "15px");
        contentTable.setWidget(1, 0, contactsTable);
        
        contentTableDecorator.add(contentTable);
        
        // usersTable = new UserTable();
        // contentTableDecorator.add(usersTable);

View Full Code Here

        String htmlText = "<P>"+c.Or_visit_NRG_CIN()+"</P>";
        htmlText = htmlText.replace("NRG-CING", "<A HREF=\"" + Settings.NRG_CING_URL + "\">NRG-CING</A>");
        NRG_CING_HTML.setHTML(htmlText);
        verticalPanel.add(NRG_CING_HTML);


        DecoratorPanel decPanel = new DecoratorPanel();
        final HorizontalPanel horizontalPanel = new HorizontalPanel();
        verticalPanel.add(decPanel);
        decPanel.add(horizontalPanel);
        horizontalPanel.setSpacing(11);


        final Image image = new Image();
        horizontalPanel.add(image);
        image.setUrl("images/paperclip.png");

View Full Code Here

      textArea.setSize("400px", "100px");


      panel.getFlexCellFormatter().setColSpan(row, 0, 3);
      panel.setWidget(row, 0, resultPanel);


      DecoratorPanel decPanel = new DecoratorPanel();
      decPanel.setWidget(textArea);
      resultPanel.add(decPanel);
      row++;
    }


    return panel;

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