Examples of org.gwt.mosaic.ui.client.layout.BoxLayout

org.gwt.mosaic.ui.client.layout.BoxLayout

A layout manager that allows multiple widgets of a {@link LayoutPanel} to belaid out either vertically or horizontally. The height and width of each widget in a {@code BoxLayout} can be specified by setting a{@link BoxLayoutData} object into the widget using{@link LayoutPanel#add(Widget,LayoutData)} and also by using CSS or acombination of both methods.

{@code BoxLayout} aligns all widgets in one row if the {@link Orientation}field is set to {@code HORIZONTAL}, and one column if it is set to {@code VERTICAL}.

NOTE: {@code BoxLayout} does not have the ability to wrap.

When a {@code BoxLayout} lays out widgets, it tries to size each widget atthe widget's preferred size. In the following example a {@link LayoutPanel}is set to use a {@code BoxLayout}. The default orientation of a {@code BoxLayout} is {@code HORIZONTAL}. The {@link LayoutPanel} is added decoratedto a {@link org.gwt.mosaic.ui.client.Viewport} so that it fills all browser'scontent area:

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout()); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1")); panel.add(new Button("Button 2")); panel.add(new Button("Button 3")); panel.add(new Button("Button 4")); viewport.add(panel, true); RootPanel.get().add(viewport); }

The next example sets the orientation of the {@link BoxLayout} to{@link Orientation#VERTICAL}:

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout(Orientation.VERTICAL)); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1")); panel.add(new Button("Button 2")); panel.add(new Button("Button 3")); panel.add(new Button("Button 4")); viewport.add(panel, true); RootPanel.get().add(viewport); }

{@code BoxLayoutData} can specify the size of the widgets. In the next twoexamples: Button 1 will be stretch to fill the available space in both directions (horizontally and vertical); Button 2 will be stretched only vertical, Button 3 will be stretched only horizontally; Button 4 and Button 5 will be set to a specific size by giving explicitly the width and height in pixels or ratios (values > 0 and <= 1 are ratios of the {@link LayoutPanel}'s client area except paddings, 0 and values> 1 are pixels, and -1 means preferred size).

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout()); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1"), new BoxLayoutData(FillStyle.BOTH)); panel.add(new Button("Button 2"), new BoxLayoutData(FillStyle.VERTICAL)); panel.add(new Button("Button 3"), new BoxLayoutData(FillStyle.HORIZONTAL)); panel.add(new Button("Button 4"), new BoxLayoutData(-1.0, 0.5)); panel.add(new Button("Button 5"), new BoxLayoutData(-1.0, 150.0)); viewport.add(panel, true); RootPanel.get().add(viewport); }

 public void onModuleLoad() { Viewport viewport = new Viewport(); LayoutPanel panel = new LayoutPanel(new BoxLayout(Orientation.VERTICAL)); panel.setPadding(10); panel.setWidgetSpacing(5); panel.add(new Button("Button 1"), new BoxLayoutData(FillStyle.BOTH)); panel.add(new Button("Button 2"), new BoxLayoutData(FillStyle.VERTICAL)); panel.add(new Button("Button 3"), new BoxLayoutData(FillStyle.HORIZONTAL)); panel.add(new Button("Button 4"), new BoxLayoutData(0.5, -1.0)); panel.add(new Button("Button 5"), new BoxLayoutData(150.0, -1.0)); viewport.add(panel, true); RootPanel.get().add(viewport); }

@author georgopoulos.georgios(at)gmail.com @see BoxLayoutData

  public void initialize()
  {
    if(!isInitialized)
    {


      definitionList = new MosaicPanel( new BoxLayout(BoxLayout.Orientation.VERTICAL));
      definitionList.setPadding(0);
      definitionList.setWidgetSpacing(0);


      // toolbar


      final MosaicPanel toolBox = new MosaicPanel();
      toolBox.setPadding(0);
      toolBox.setWidgetSpacing(0);
      toolBox.setLayout(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));


      // toolbar
      final ToolBar toolBar = new ToolBar();      
      ClickHandler clickHandler = new ClickHandler()
      {
        public void onClick(ClickEvent clickEvent)
        {
          reload();
        }
      };
      
      toolBar.add(
          new Button("Refresh", clickHandler
          )
      );


      toolBox.add(toolBar, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));


      // filter
      MosaicPanel filterPanel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
      filterPanel.setStyleName("mosaic-ToolBar");
      final com.google.gwt.user.client.ui.ListBox dropBox = new com.google.gwt.user.client.ui.ListBox(false);
      dropBox.setStyleName("bpm-operation-ui");
      dropBox.addItem("All");
      dropBox.addItem("Active");

View Full Code Here

  public void initialize()
  {
    if(!isInitialized)
    {


      definitionList = new MosaicPanel( new BoxLayout(BoxLayout.Orientation.VERTICAL));
      definitionList.setPadding(0);
      definitionList.setWidgetSpacing(0);


      // toolbar


      final MosaicPanel toolBox = new MosaicPanel();
      toolBox.setPadding(0);
      toolBox.setWidgetSpacing(0);
      toolBox.setLayout(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));


      // toolbar
      final ToolBar toolBar = new ToolBar();      
      ClickHandler clickHandler = new ClickHandler()
      {

View Full Code Here

    this.controller = controller;
  }
  
  public void provideWidget(ProvisioningCallback callback)
  {
    panel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));


    this.appContext = Registry.get(ApplicationContext.class);
    panel.add(new HeaderLabel("User Preferences"), new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));


    MosaicPanel layout = new MosaicPanel(new GridLayout(2,1));

View Full Code Here

    /**
     * Create content for layout.
     */
    private void createLayoutContent(MosaicPanel layoutPanel) {


        layoutPanel.setLayout(new BoxLayout(BoxLayout.Orientation.VERTICAL));
        layoutPanel.setPadding(10);




        Widget form = createForm();


        final Button submit = new Button("Login");
        submit.addClickHandler(new ClickHandler()
        {


            public void onClick(ClickEvent clickEvent)
            {
                engageLogin();
            }
        });




        HTML html = new HTML("Version: " + Version.VERSION);
        html.setStyleName("bpm-login-info");


        MosaicPanel btnPanel = new MosaicPanel(new BoxLayout());
        btnPanel.add(html, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));
        btnPanel.add(submit);


        layoutPanel.add(messagePanel, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));
        layoutPanel.add(form, new BoxLayoutData(BoxLayoutData.FillStyle.BOTH));

View Full Code Here


    }


    private Widget createForm()
    {
        MosaicPanel panel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
        panel.setPadding(0);


        MosaicPanel box1 = new MosaicPanel(new BoxLayout());
        box1.setPadding(0);        
        MosaicPanel box2 = new MosaicPanel(new BoxLayout());
        box2.setPadding(0);


        usernameInput = new TextBox();
        passwordInput = new PasswordTextBox();

View Full Code Here

  }


  @Override
  public void provideWidget(ProvisioningCallback callback)
  {
    layoutPanel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));


    // console info
    HeaderLabel console = new HeaderLabel("Console Info");
    layoutPanel.add(console, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));

View Full Code Here


  private Map<String, ReportParameterForm> forms = new HashMap<String, ReportParameterForm>();


  public ReportLaunchPadView()
  {
    super(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    this.setPadding(5);


    CaptionLayoutPanel header = new CaptionLayoutPanel("Report configuration");
    header.setStyleName("bpm-detail-panel");
    
    header.setLayout(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));    


    MosaicPanel templatePanel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));    
    description = new HTML();


    dropBox = new com.google.gwt.user.client.ui.ListBox(false);  
    dropBox.addChangeHandler(new ChangeHandler() {

View Full Code Here


  private boolean initialized;


  public DeploymentPanel()
  {
    super(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));


  }

View Full Code Here

public class IconHeader extends MosaicPanel
{


  public IconHeader(AbstractImagePrototype icon, String title)
  {
    super(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));
    setPadding(5);


    this.add(icon.createImage());                                                 
    this.add(new HTML("<b>"+title+"</b>"));
  }

View Full Code Here

  private void createWindow()
  {
    windowPanel = new WindowPanel();
    windowPanel.setAnimationEnabled(true);    


    ScrollLayoutPanel layout = new ScrollLayoutPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    layout.setStyleName("bpm-window-layout");
    layout.setPadding(5);
    // info
    HeaderLabel header = new HeaderLabel(title, true);

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of org.gwt.mosaic.ui.client.layout.BoxLayout

com.google.gwt.user.client.ui.Widget

org.gwt.mosaic.core.client.Dimension

org.gwt.mosaic.forms.client.builder.DefaultFormBuilder

org.gwt.mosaic.forms.client.builder.PanelBuilder

org.gwt.mosaic.ui.client.Caption

org.gwt.mosaic.ui.client.CaptionLayoutPanel

org.gwt.mosaic.ui.client.ComboBoxBase

org.gwt.mosaic.ui.client.datepicker.DatePicker

org.gwt.mosaic.ui.client.datepicker.DateTimePicker

org.gwt.mosaic.ui.client.MessageBox

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.