Examples of com.extjs.gxt.ui.client.widget.layout.BorderLayout

Package com.extjs.gxt.ui.client.widget.layout

Examples of com.extjs.gxt.ui.client.widget.layout.BorderLayout

com.extjs.gxt.ui.client.widget.layout.BorderLayout
This is a multi-pane, application-oriented UI layout style that supports multiple regions, automatic split bars between regions and built-in expanding and collapsing of regions.
The children of the container using a border layout positions it's children absolutely. Because of this, a specific height and width must be set on any container using a border layout. The size can be set directly, or by a parent layout.
Rather then act on the child components directly, expanding, collapsing, hiding, and showing use the methods provided by border layout ( {@link #expand}, {@link #collapse}, {@link #hide}, and {@link #collapse}.
Be default, this layout adds a CSS style to the parent container (defaults to 'x-border-layout-ct') which gives the container a background color.
Code snippet:
```
 public class BorderLayoutExample extends LayoutContainer { public BorderLayoutExample() { setLayout(new BorderLayout()); ContentPanel west = new ContentPanel(); ContentPanel center = new ContentPanel(); BorderLayoutData westData = new BorderLayoutData(LayoutRegion.WEST, 200); westData.setSplit(true); westData.setCollapsible(true); westData.setMargins(new Margins(5)); BorderLayoutData centerData = new BorderLayoutData(LayoutRegion.CENTER); centerData.setMargins(new Margins(5, 0, 5, 0)); add(west, westData); add(center, centerData); } } 
```

  this.setBorders(false);
  setWhiteBackgroundColor(this);
  mainPanel = new LayoutContainer();
  mainPanel.setMonitorWindowResize(true);
  mainPanel.setBorders(true);
  setLayout(new BorderLayout());
  mainPanel.setLayout(new BorderLayout());
  HTML newLine = new HTML("<br>", true);
  add(newLine, new BorderLayoutData(LayoutRegion.NORTH, 20.0f));
  leftPanel = new LayoutContainer();
  setPadding(leftPanel);
  mainPanel.add(leftPanel, new BorderLayoutData(LayoutRegion.WEST, 110.0f));

View Full Code Here

  
  public SyntheseBreadcrumbPanel(SimpleEventBus b, final ChantierModel c, final RoleModel role, final UtilisateurGrpModel user) {
    super();
    this.bus = b;
    setHeight("40px");
    setLayout(new BorderLayout());
    LayoutContainer westPanel = new LayoutContainer();
    westPanel.setLayout(new RowLayout(Orientation.HORIZONTAL));
    HTML chantier = new HTML("Chantier: " + c.getNom(), false);
    chantier.setStyleName("actionHTML");
    chantier.addClickHandler(new ClickHandler() {

View Full Code Here


    LayoutContainer container = new LayoutContainer();
    container.setStyleAttribute("margin", "20px");
    container.setSize(650, 300);
    container.setBorders(true);
    container.setLayout(new BorderLayout());


    ContentPanel west = new ContentPanel();
    west.setHeading("My Albums");


    ToolBar toolBar = new ToolBar();

View Full Code Here

    complex.setHeading("BorderLayout Dialog");
    complex.setWidth(400);
    complex.setHeight(225);
    complex.setHideOnButtonClick(true);


    BorderLayout layout = new BorderLayout();
    complex.setLayout(layout);


    // west
    ContentPanel panel = new ContentPanel();
    panel.setHeading("West");

View Full Code Here

  formDetails.add(inforFieldset);
  fsTransfertPp = new FieldSet();
  fsTransfertPp.setHeading("TRANSFERTS PP");
  fsTransfertPp.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));
  Label label = new Label();
  label.setWidth("135px");
  buttonPanel.add(label);
  HTML space3 = new HTML(SPACES_3);
  buttonPanel.add(space3);
  saveButton = new HTML("<img src='./images/sauvegarder.png'/> " + messages.saveForm(), false);
  saveButton.setStyleName("actionHTML");
  saveButton.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_RIGHT);
  saveButton.setVisible(true);
  saveButton.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent arg0) {
    Listener<MessageBoxEvent> callback = new Listener<MessageBoxEvent>() {
        @Override
        public void handleEvent(MessageBoxEvent be) {
      Button btt = be.getButtonClicked();
      if (Dialog.OK.equals(btt.getItemId())) {
          if (isSave == false) {
        saveAction(chantier.getId(), transfertPpId);
        isSave = true;
          }
      }
        }
    };
    createConfirmBox(callback, messages.deleteConfirmTitle(), messages.confirmSupprimer());
      }
  });
  buttonPanel.add(saveButton);
  layoutContainer_10.add(buttonPanel, new BorderLayoutData(LayoutRegion.EAST, 320.0f));
  layoutContainer_10.setHeight("30");
  fsTransfertPp.add(layoutContainer_10);
  LayoutContainer layoutContainer_11 = new LayoutContainer();
  Label label1 = new Label();
  label1.setText("Details des transferts PP:");
  Label label2 = new Label();
  label2.setText("Total des transferts PP");
  fsTransfertPp.add(label2);
  fsTransfertPp.add(gridligTotal);
  fsTransfertPp.add(new Html("<br/><br/><br/>"));
  fsTransfertPp.add(label1);
  fsTransfertPp.add(layoutContainer_11);
  addFicheST = new HTML("<img src='./images/ajouter.png'/> " + messages.addRow(), false);
  addFicheST.setStyleName("actionHTML2");
  addFicheST.setVisible(false);
  addFicheST.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
    showAddDialog();
      }


      private void showAddDialog() {
    Dialog dialog = new Dialog();
    dialog.setHeading(messages.titlePopup());
    dialog.setLayout(new BorderLayout());
    dialog.setWidth(600);
    dialog.setHeight(350);
    dialog.setBodyBorder(false);
    dialog.setHideOnButtonClick(true);
    dialog.setButtons(Dialog.OKCANCEL);

View Full Code Here

      }


      private void showAddAccomptesDialog() {
        final Dialog dialog = new Dialog();
        dialog.setHeading(messages.titlePopup());
        dialog.setLayout(new BorderLayout());
        dialog.setWidth(600);
        dialog.setHeight(400);
        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 AddAccomptesForm addDataForm = new AddAccomptesForm();
        dialog.add(addDataForm, new BorderLayoutData(LayoutRegion.CENTER));


        okButton.addSelectionListener(new SelectionListener<ButtonEvent>() {
          @Override
          public void componentSelected(ButtonEvent ce) {
            if (addDataForm.isValid()) {
              DeductionDto model = addDataForm.getDataModel();
              deductionGrid.getStore().add(model);
              deductionGrid.getView().refresh(true);
              // bus.fireEvent(new
              // DeductionGridUpdateEvent(deductionGrid.getStore().getModels()));
              dialog.hide();
            }
          }
        });


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


        dialog.show();
      }
    });


    flexTable.setWidget(0, 1, addRow);
    deductionsPaymentsFieldSet.add(flexTable);


    paymentFieldSet.add(deductionsPaymentsFieldSet);


    LayoutContainer accomptesPanel3 = new LayoutContainer();
    accomptesPanel3.setWidth("75%");
    TableLayout tl2 = new TableLayout(3);
    tl2.setWidth("100%");
    accomptesPanel3.setLayout(tl2);


    FieldSet penaltyFielSet = new FieldSet();
    // penaltyFielSet.setWidth("80%");
    setBackgroundColor(penaltyFielSet, BACKGROUD_COLOR_2);
    penaltyFielSet.setHeading(messages.penalites().toUpperCase());
    TableData td4 = new TableData();
    td4.setWidth("55%");


    createPenaltyGrid();
    penaltyFielSet.add(penaltyGrid);


    FlexTable flexTable2 = new FlexTable();
    HTML space2 = new HTML(SPACES_4);
    flexTable2.setWidget(0, 0, space2);
    addRow2.setStyleName("actionHTML2");
    addRow2.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        showAddPenaltyDialog();
      }


      private void showAddPenaltyDialog() {
        Dialog dialog = new Dialog();
        dialog.setHeading(messages.titlePopup());
        dialog.setLayout(new BorderLayout());
        dialog.setWidth(500);
        dialog.setHeight(260);
        dialog.setBodyBorder(false);
        dialog.setHideOnButtonClick(true);
        dialog.setButtons(Dialog.OKCANCEL);

View Full Code Here

  
  public HeaderAdmin() {
    super();
    /* this.bus = b; */
    setHeight("40px");
    setLayout(new BorderLayout());
    setMonitorWindowResize(true);
    
    LayoutContainer westPanel = new LayoutContainer();
    westPanel.setLayout(new RowLayout(Orientation.HORIZONTAL));

View Full Code Here

  public BreadcrumbPanel(SimpleEventBus b, final ChantierModel c, final RoleModel role, final UtilisateurGrpModel user) {
    super();
    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);

View Full Code Here

public class PortalExample extends LayoutContainer {


  @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();

View Full Code Here

    chooser.setId("img-chooser-dlg");
    chooser.setHeading("Choose an Image");
    chooser.setMinWidth(500);
    chooser.setMinHeight(300);
    chooser.setModal(true);
    chooser.setLayout(new BorderLayout());
    chooser.setBodyStyle("border: none;background: none");
    chooser.setBodyBorder(false);
    chooser.setButtons(Dialog.OKCANCEL);
    chooser.setHideOnButtonClick(true);
    chooser.addListener(Events.Hide, new Listener<WindowEvent>() {

View Full Code Here

0 1 2 3 4

TOP

Related Classes of com.extjs.gxt.ui.client.widget.layout.BorderLayout

com.anzsoft.client.ui.RoomChatWindow

com.danielvaughan.rssreader.client.LinkFeedPopup

com.danielvaughan.rssreader.client.RSSReader

com.extjs.gxt.desktop.client.TaskBar

com.extjs.gxt.samples.client.Examples

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

com.extjs.gxt.samples.client.examples.layouts.BorderLayoutExample

com.extjs.gxt.samples.client.examples.layouts.HBoxLayoutExample

com.extjs.gxt.samples.client.examples.layouts.VBoxLayoutExample

com.extjs.gxt.samples.client.examples.organizer.ImageOrganizerExample

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.