Examples of com.extjs.gxt.ui.client.widget.LayoutContainer

com.extjs.gxt.ui.client.widget.LayoutContainer
A Container that lays out its children using a Layout. Layouts are responsible for connecting the child components to the container. Layouts are very flexible as they can create any internal element structure, inserting its child components at any location. For example, a TableLayout lays out its children using HTML tables.
Many layouts support layout data which are configurable objects that provide additional information to the layout. These objects can be passed when adding and inserting child components into the container. Each layout will document if and what layout data it supports.
Code snippet:
```
 LayoutContainer container = new LayoutContainer(); container.add(new Button("Click Me")); container.setSize(300, 300); container.setBorders(true); RootPanel.get().add(container);
```
{@link FlowLayout} is the the default layout and will be used if not a layoutis not specified. You must size/position containers unless they are in an existing container that lays out its children.
Events:
AfterLayout : ContainerEvent(container)

Fires when the widgets in this container are arranged by the associated layout.
- container : this
Inherited Events:

ScrollContainer Scroll

Container BeforeAdd

Container Add

Container BeforeRemove

Container Remove

BoxComponent Move

BoxComponent Resize

Component Enable

Component Disable

Component BeforeHide

Component Hide

Component BeforeShow

Component Show

Component Attach

Component Detach

Component BeforeRender

Component Render

Component BrowserEvent

Component BeforeStateRestore

Component StateRestore

Component BeforeStateSave

Component SaveState

@see Layout

    this.bus = b;
    this.chainter = c;
    setHeight("40px");
    setLayout(new BorderLayout());


    LayoutContainer westPanel = new LayoutContainer();
    westPanel.setLayout(new RowLayout(Orientation.HORIZONTAL));
    
    HTML chantier = new HTML("Chantier: " + this.chainter.getNom(), false);
    chantier.setStyleName("actionHTML");
    chantier.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        GuiUtil.gotoEcran(new SyntheseEcran(c, role, user) );
      }
    });
    westPanel.add(chantier);


    path = new HTML("", false);
    setSociete("");
    westPanel.add(path);
    
    add(westPanel, new BorderLayoutData(LayoutRegion.WEST, 450.0f));
    LayoutContainer eastPanel = new LayoutContainer();
    eastPanel.setLayout(new RowLayout(Orientation.HORIZONTAL));


    saveFicheSt = new HTML("<img src='./images/sauvegarder.png'/> " + messages.saveForm(), false);
    saveFicheSt.setStyleName("actionHTML");
    eastPanel.add(saveFicheSt);
    saveFicheSt.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        bus.fireEvent(new SaveFicheStEvent());
      }
    });


    eastPanel.add(new HTML(LINKS_SPACE, false));
    HTML printAll = new HTML("<img src='./images/imprimer.png'/> " + messages.printAll(), false);
    printAll.setStyleName("actionHTML");


    eastPanel.add(printAll);
    add(eastPanel, new BorderLayoutData(LayoutRegion.EAST, 355.0f));


    LayoutContainer centerPanel = new LayoutContainer();
    centerPanel.setLayout(new RowLayout(Orientation.VERTICAL));
    
    printAll.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        bus.fireEvent(new ExportFicheStEvent());
      }
    });


    HTML html = new HTML("<br>", true);
    centerPanel.add(html);


    Label pageTitle = new Label("Fiche de suivi du sous traitant");
    centerPanel.add(pageTitle);
    pageTitle.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
    add(centerPanel, new BorderLayoutData(LayoutRegion.CENTER));
  }

View Full Code Here

  this.user = utilisateurGrpModel;
  FieldSet gestionFieldSet = new CustomFieldSet();
  gestionFieldSet.setCollapsible(true);
  gestionFieldSet.setLayout(new RowLayout(Orientation.VERTICAL));


  LayoutContainer layoutContainer_10 = new LayoutContainer();
  layoutContainer_10.setLayout(new BorderLayout());


  LayoutContainer buttonPanel = new LayoutContainer();
  buttonPanel.setId("buttonPanel");
  buttonPanel.setLayout(new RowLayout(Orientation.HORIZONTAL));


  saveButton = new HTML("<img src='./images/sauvegarder.png'/> " + messages.saveForm(), false);
  saveButton.setStyleName("actionHTML");
  buttonPanel.add(saveButton);
  saveButton.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
    bus.fireEvent(new SaveFicheStEvent());
      }
  });


  buttonPanel.add(new HTML(LINKS_SPACE, false));
  bus.addHandler(ExportGestionPanelEvent.TYPE, new ExportGestionPanelHandler() {
      @Override
      public void onExport(ExportGestionPanelEvent event) {
    exportGestion();
      }
  });


  HTML print = new HTML("<img src='./images/imprimer.png'/> " + messages.print(), false);
  print.setStyleName("actionHTML");
  print.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent arg0) {
    exportGestion();
      }
  });
  buttonPanel.add(print);
  layoutContainer_10.add(buttonPanel, new BorderLayoutData(LayoutRegion.EAST, 350.0f));
  gestionFieldSet.add(layoutContainer_10);
  layoutContainer_10.setHeight("30");


  addFicheST = new HTML("<img src='./images/ajouter.png'/> " + messages.addRow(), false);


  LayoutContainer layoutContainer_11 = new LayoutContainer();


  createGestionGrid();


  layoutContainer_11.add(gestionGrid);


  gestionFieldSet.add(layoutContainer_11);


  LayoutContainer layoutContainer_12 = new LayoutContainer();
  TableLayout tl_layoutContainer_12 = new TableLayout(2);
  tl_layoutContainer_12.setWidth("100%");
  layoutContainer_12.setLayout(tl_layoutContainer_12);
  gestionFieldSet.add(layoutContainer_12);
  layoutContainer_12.setBorders(false);


  FlexTable ft1 = new FlexTable();
  int commonWidth = 265;
  ft1.setWidget(0, 0, new HTML(SPACES_4));


  addFicheST.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
    showAddDialog();
      }


      private void showAddDialog() {
    final Dialog dialog = new Dialog();
    dialog.setHeading(messages.titlePopup());
    dialog.setLayout(new BorderLayout());
    dialog.setWidth(600);
    dialog.setHeight(550);
    dialog.setBodyBorder(false);
    dialog.setHideOnButtonClick(false);
    dialog.setButtons(Dialog.OKCANCEL);
    dialog.setButtonAlign(HorizontalAlignment.CENTER);
    dialog.setScrollMode(Scroll.AUTO);
    dialog.setModal(true);
    dialog.setBlinkModal(true);
    Button cancelButton = dialog.getButtonById(Dialog.CANCEL);
    cancelButton.setText(messages.cancel());
    Button okButton = dialog.getButtonById(Dialog.OK);
    okButton.setText(messages.ok());


    final AddGestionForm addGestionForm = new AddGestionForm();
    dialog.add(addGestionForm, new BorderLayoutData(LayoutRegion.CENTER));


    okButton.addSelectionListener(new SelectionListener<ButtonEvent>() {
        @Override
        public void componentSelected(ButtonEvent ce) {
      if (addGestionForm.isValid()) {
          GestionDto model = addGestionForm.getDataModel();
          gestionGrid.getStore().add(model);


          bus.fireEvent(new EtatAvancementEvent(gestionGrid.getStore().getModels(), null));
          dialog.hide();
      }
        }
    });


    cancelButton.addSelectionListener(new SelectionListener<ButtonEvent>() {
        @Override
        public void componentSelected(ButtonEvent ce) {
      dialog.hide();
        }
    });


    dialog.show();
      }
  });


  addFicheST.setStyleName("actionHTML2");
  ft1.setWidget(0, 1, addFicheST);
  TableData td_ft1 = new TableData();
  td_ft1.setVerticalAlign(VerticalAlignment.TOP);
  layoutContainer_12.add(ft1, td_ft1);
  ft1.getCellFormatter().setVerticalAlignment(1, 1, HasVerticalAlignment.ALIGN_TOP);


  LayoutContainer layoutContainer_13 = new LayoutContainer();


  TableLayout tl_layoutContainer_13 = new TableLayout(1);
  tl_layoutContainer_13.setCellHorizontalAlign(HorizontalAlignment.RIGHT);
  tl_layoutContainer_13.setWidth("100%");
  layoutContainer_13.setLayout(tl_layoutContainer_13);


  FlexTable ft2 = new FlexTable();
  ft2.setBorderWidth(2);
  inforGrid = createInforGrid();


  ft2.setWidget(0, 0, new HTML("<label>" + messages.dont() + ":<label> "));
  ft2.setWidget(0, 1, inforGrid);


  layoutContainer_13.add(ft2);
  ft2.getCellFormatter().setVerticalAlignment(0, 0, HasVerticalAlignment.ALIGN_TOP);


  summary = new CustomFormPanel();
  TableLayout tl_summary = new TableLayout(2);
  tl_summary.setBorder(1);
  summary.setLayout(tl_summary);


  TableData td_summary = new TableData();
  td_summary.setPadding(5);
  layoutContainer_13.add(summary, td_summary);
  HTML budgetLabel = new HTML(messages.budget());
  TableData td_budgetPanel = new TableData();
  td_budgetPanel.setHorizontalAlign(HorizontalAlignment.LEFT);
  LayoutContainer budgetPanel = new LayoutContainer();
  budgetPanel.setStyleAttribute("background-color", HEADER_BACKGROUND_COLOR);
  budgetPanel.add(budgetLabel);
  summary.add(budgetPanel, td_budgetPanel);
  NumberField budget = createNumberField(null);
  budget.setName(FicheStDto.GEST_BUDGET_INITIAL);
  budget.setId("GESTIONAL_PANEL_BUDGET_ID");
  budget.setWidth(commonWidth);
  summary.add(budget);
  if (budget != null) {
      budgetInitial = budget.getValue() + "";
  }
  HTML ecardDernierLabel = new HTML(messages.ecardDernier());


  TableData td_ecardDernierPanel = new TableData();
  td_ecardDernierPanel.setHorizontalAlign(HorizontalAlignment.LEFT);
  LayoutContainer ecardDernierPanel = new LayoutContainer();
  ecardDernierPanel.setStyleAttribute("background-color", HEADER_BACKGROUND_COLOR);
  ecardDernierPanel.add(ecardDernierLabel);
  summary.add(ecardDernierPanel, td_ecardDernierPanel);
  NumberField ecardDernier = createNumberField(null);
  ecardDernier.setName(FicheStDto.GEST_ECART_DERNIER_PT);
  ecardDernier.setId("GESTIONAL_PANEL_ECARDDERNIER_ID");
  ecardDernier.setWidth(commonWidth);
  summary.add(ecardDernier);
  if (ecardDernier != null) {
      dernierPoint = ecardDernier.getValue() + "";
  }
  HTML dateDernierLabel = new HTML(messages.dernierDate());


  LayoutContainer dateDernierPanel = new LayoutContainer();
  dateDernierPanel.setStyleAttribute("background-color", HEADER_BACKGROUND_COLOR);
  dateDernierPanel.add(dateDernierLabel);
  TableData td_dateDernierPanel = new TableData();
  td_dateDernierPanel.setHorizontalAlign(HorizontalAlignment.LEFT);
  summary.add(dateDernierPanel, td_dateDernierPanel);
  DateField dateDernier = new DateField();
  dateDernier.setName(FicheStDto.GEST_DATE_DERNIER_PT);

View Full Code Here

  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    setLayout(new BorderLayout());


    LayoutContainer north = new LayoutContainer();
    BorderLayoutData northData = new BorderLayoutData(LayoutRegion.NORTH, 30);


    ContentPanel west = new ContentPanel();
    west.setBodyBorder(false);
    west.setHeading("West");

View Full Code Here

        onSelectionChange(be);
      }
    });
    main.add(view);


    details = new LayoutContainer();
    details.setBorders(true);
    details.setStyleAttribute("backgroundColor", "white");


    BorderLayoutData eastData = new BorderLayoutData(LayoutRegion.EAST, 150, 150, 250);
    eastData.setSplit(true);

View Full Code Here

    panel.setHeading("ToolBar & Menu Demo");
    panel.setLayout(new FitLayout());
    panel.setSize(GXT.isAriaEnabled() ? 800 : 550, 300);
    panel.setTopComponent(toolBar);


    LayoutContainer c = new LayoutContainer();
    c.setStyleAttribute("backgroundColor", "white");
    c.setBorders(true);
    panel.add(c);


    add(panel);
  }

View Full Code Here


    final CardLayout layout = new CardLayout();
    panel.setLayout(layout);


    for (int i = 0; i < 4; i++) {
      final LayoutContainer c = new LayoutContainer();
      c.addText("This is the contents for card: " + (i + 1));
      panel.add(c);
      panel.addButton(new Button("Card " + (i + 1), new SelectionListener<ButtonEvent>() {
        @Override
        public void componentSelected(ButtonEvent ce) {
          layout.setActiveItem(c);

View Full Code Here


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.LEFT);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        VBoxLayoutData flex = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Text(), flex);
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Multi-Spaced", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.LEFT);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        VBoxLayoutData flex = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Text(), flex);
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Text(), flex);
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Text(), flex);
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: left", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.LEFT);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: center", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: right", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.RIGHT);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: stretch", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: stretchmax", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCHMAX);
        c.setLayout(layout);


        c.add(new Button(button1Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button2Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button3Text), new VBoxLayoutData(new Margins(0, 0, 5, 0)));
        c.add(new Button(button4Text), new VBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex: All even", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        c.setLayout(layout);


        VBoxLayoutData flex = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        VBoxLayoutData flex2 = new VBoxLayoutData(new Margins(0));
        flex2.setFlex(1);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex: ratio", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        c.setLayout(layout);


        VBoxLayoutData flex = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        VBoxLayoutData flex2 = new VBoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex + Stretch", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.STRETCH);
        c.setLayout(layout);


        VBoxLayoutData flex = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        VBoxLayoutData flex2 = new VBoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: start", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        layout.setPack(BoxLayoutPack.START);
        c.setLayout(layout);


        VBoxLayoutData layoutData = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        VBoxLayoutData layoutData2 = new VBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: center", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        layout.setPack(BoxLayoutPack.CENTER);
        c.setLayout(layout);


        VBoxLayoutData layoutData = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        VBoxLayoutData layoutData2 = new VBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: end", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        VBoxLayout layout = new VBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setVBoxLayoutAlign(VBoxLayoutAlign.CENTER);
        layout.setPack(BoxLayoutPack.END);
        c.setLayout(layout);


        VBoxLayoutData layoutData = new VBoxLayoutData(new Margins(0, 0, 5, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        VBoxLayoutData layoutData2 = new VBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);

View Full Code Here

    super.onRender(parent, pos);


    final Slider slider4 = new Slider();
    slider4.setWidth(214);
    slider4.setMessage("{0}% complete");
    LayoutContainer lc = new LayoutContainer();
    lc.setId("custom-slider");
    lc.add(slider4);


    add(lc, new FillData(margins));


    add(new Button("set value to 40", new SelectionListener<ButtonEvent>() {
      @Override

View Full Code Here

      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }


        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.TOP);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        HBoxLayoutData flex = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        flex.setFlex(1);
        c.add(new Text(), flex);
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Multi-Spaced", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.TOP);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        HBoxLayoutData flex = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        flex.setFlex(1);
        c.add(new Text(), flex);
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Text(), flex);
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Text(), flex);
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: top", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.TOP);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: middle", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: bottom", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.BOTTOM);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: stretch", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.STRETCH);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Align: stretchmax", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.STRETCHMAX);
        c.setLayout(layout);


        c.add(new Button(button1Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button2Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button3Text), new HBoxLayoutData(new Margins(0, 5, 0, 0)));
        c.add(new Button(button4Text), new HBoxLayoutData(new Margins(0)));


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex: All even", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        c.setLayout(layout);


        HBoxLayoutData flex = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        HBoxLayoutData flex2 = new HBoxLayoutData(new Margins(0));
        flex2.setFlex(1);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex: ratio", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        c.setLayout(layout);


        HBoxLayoutData flex = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        HBoxLayoutData flex2 = new HBoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Flex + Stretch", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.STRETCH);
        c.setLayout(layout);


        HBoxLayoutData flex = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        flex.setFlex(1);
        c.add(new Button(button1Text), flex);
        c.add(new Button(button2Text), flex);
        c.add(new Button(button3Text), flex);


        HBoxLayoutData flex2 = new HBoxLayoutData(new Margins(0));
        flex2.setFlex(3);
        c.add(new Button(button4Text), flex2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: start", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        layout.setPack(BoxLayoutPack.START);
        c.setLayout(layout);


        HBoxLayoutData layoutData = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        HBoxLayoutData layoutData2 = new HBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: center", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        layout.setPack(BoxLayoutPack.CENTER);
        c.setLayout(layout);


        HBoxLayoutData layoutData = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        HBoxLayoutData layoutData2 = new HBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);


    lcwest.add(createToggleButton("Pack: end", new Listener<ButtonEvent>() {


      public void handleEvent(ButtonEvent ce) {
        if (!ce.<ToggleButton> getComponent().isPressed()) {
          return;
        }
        LayoutContainer c = new LayoutContainer();
        HBoxLayout layout = new HBoxLayout();
        layout.setPadding(new Padding(5));
        layout.setHBoxLayoutAlign(HBoxLayoutAlign.MIDDLE);
        layout.setPack(BoxLayoutPack.END);
        c.setLayout(layout);


        HBoxLayoutData layoutData = new HBoxLayoutData(new Margins(0, 5, 0, 0));
        c.add(new Button(button1Text), layoutData);
        c.add(new Button(button2Text), layoutData);
        c.add(new Button(button3Text), layoutData);


        HBoxLayoutData layoutData2 = new HBoxLayoutData(new Margins(0));
        c.add(new Button(button4Text), layoutData2);


        addToCenter(c);
      }


    }), vBoxData);

View Full Code Here

    panel.setHeading("FormPanel");
    panel.setSize(600, -1);
    panel.setLabelAlign(LabelAlign.TOP);
    panel.setButtonAlign(HorizontalAlignment.CENTER);


    LayoutContainer main = new LayoutContainer();
    main.setLayout(new ColumnLayout());


    LayoutContainer left = new LayoutContainer();
    left.setStyleAttribute("paddingRight", "10px");
    FormLayout layout = new FormLayout();
    layout.setLabelAlign(LabelAlign.TOP);
    left.setLayout(layout);


    TextField<String> first = new TextField<String>();
    first.setFieldLabel("First Name");
    left.add(first, formData);


    TextField<String> company = new TextField<String>();
    company.setFieldLabel("Company");
    left.add(company, formData);


    DateField birthday = new DateField();
    birthday.setFieldLabel("Birthday");
    left.add(birthday, formData);


    LayoutContainer right = new LayoutContainer();
    right.setStyleAttribute("paddingLeft", "10px");
    layout = new FormLayout();
    layout.setLabelAlign(LabelAlign.TOP);
    right.setLayout(layout);


    TextField<String> last = new TextField<String>();
    last.setFieldLabel("Last");
    right.add(last, formData);


    TextField<String> email = new TextField<String>();
    email.setFieldLabel("Email");
    right.add(email, formData);


    Radio radio1 = new Radio();
    radio1.setBoxLabel("Yes");


    Radio radio2 = new Radio();
    radio2.setBoxLabel("No");


    RadioGroup group = new RadioGroup();
    group.setFieldLabel("Ext GWT User");
    group.add(radio1);
    group.add(radio2);
    right.add(group);


    main.add(left, new ColumnData(.5));
    main.add(right, new ColumnData(.5));


    panel.add(main, new FormData("100%"));

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.extjs.gxt.ui.client.widget.LayoutContainer

com.anzsoft.client.ui.InfoDialog

com.anzsoft.client.ui.RoomDialog

com.anzsoft.client.ui.UserSearchDialog

com.extjs.gxt.desktop.client.Desktop

com.extjs.gxt.samples.client.examples.button.ButtonAlignExample

com.extjs.gxt.samples.client.examples.chart.AdvancedChartExample

com.extjs.gxt.samples.client.examples.chart.ChartGalleryExample

com.extjs.gxt.samples.client.examples.dnd.BasicDNDExample

com.extjs.gxt.samples.client.examples.dnd.ReorderingTreePanelExample

com.extjs.gxt.samples.client.examples.forms.AdvancedFormsExample

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.