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

    this.callbackComment = callbackComment;
    
    commentDeck = new DeckLayoutPanel();    


    // ----
    editPanel = new LayoutPanel(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));    
    textBox = new TextArea();
    textBox.setCharacterWidth(50);
    textBox.setVisibleLines(2);
    editPanel.add(textBox);

View Full Code Here

    panel = new LayoutPanel();


    CaptionLayoutPanel wrapper = new CaptionLayoutPanel("BPAF Data Keys");
    wrapper.setLayout(new ColumnLayout());
        
    LayoutPanel leftPanel = new LayoutPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));


    wrapper.getHeader().add(new Button("Reload",
        new ClickHandler()
        {
          public void onClick(ClickEvent clickEvent)
          {
            loadDefinitions();
          }
        })
    );


    processDefinitions = new ListBox<String>(new String[] {"processDefinitionID"});
    processDefinitions.setMinimumColumnWidth(0, 190);
    processDefinitions.setCellRenderer(
        new ListBox.CellRenderer<String>()
        {
          public void renderCell(ListBox<String> stringListBox, int row, int column, String item)
          {
            switch (column)
            {
              case 0:                
                processDefinitions.setText(row, column, item);
                break;
              default:
                throw new IllegalArgumentException("unknown column");
            }
          }
        }
    );
    processDefinitions.addRowSelectionHandler(
        new RowSelectionHandler()
        {
          public void onRowSelection(RowSelectionEvent rowSelectionEvent)
          {
            loadInstances();
          }
        }
    );


    leftPanel.add(processDefinitions, new BoxLayoutData(BoxLayoutData.FillStyle.BOTH));


    // -----
    LayoutPanel rightPanel = new LayoutPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));


    processInstances = new ListBox<String>(new String[] {"processInstanceID"});
    processInstances.setMinimumColumnWidth(0, 190);
    processInstances.setCellRenderer(
        new ListBox.CellRenderer<String>()

View Full Code Here


    public void initialize()
    {
        if(!isInitialized)
        {
            instanceList = new MosaicPanel( new BoxLayout(BoxLayout.Orientation.VERTICAL));
            instanceList.setPadding(0);
            instanceList.setWidgetSpacing(0);


            listBox =
                    new ListBox<ProcessInstanceRef>(

View Full Code Here


    private void createSignalWindow()
    {
        signalTextBoxes = new ArrayList<TextBox>();


        MosaicPanel layout = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
        layout.setStyleName("bpm-window-layout");
        layout.setPadding(5);
        // toolbar
        final MosaicPanel toolBox = new MosaicPanel();


        toolBox.setPadding(0);
        toolBox.setWidgetSpacing(5);
        toolBox.setLayout(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));


        final ToolBar toolBar = new ToolBar();
        toolBar.add(
                new Button("Signal", new ClickHandler() {

View Full Code Here

  private StackLayoutPanel stack;
  private Map<String, Integer> toolsetIndex = new HashMap<String, Integer>();
  
  public Menu()
  {
    super(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    
    stack = new StackLayoutPanel();
    stack.setStyleName("");
    stack.setAnimationEnabled(false);

View Full Code Here

  private HTML username = new HTML("Unknown user");
  private Date loginDate;


  public Header()
  {
    super(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));
    //this.setStyleName("bpm-header");


    createInfoPanel();


    ErraiBus.get().subscribe("appContext.login", new MessageCallback()

View Full Code Here

  
  private void createInfoPanel()
  {


    // ----------- logo panel
    LayoutPanel logoPanel = new LayoutPanel(new BoxLayout());
    logoPanel.setStyleName("bpm-header-left");


    /*Image logo = new Image(appContext.getConfig().getLogo());
    logo.setHeight("50");
    logoPanel.add(logo);*/

View Full Code Here

        //panel.addStyleName("WSLogin");
        windowPanel.setWidget(panel);




        // create contents
        panel.setLayout(new BoxLayout(BoxLayout.Orientation.VERTICAL));
        Grid grid = new Grid(3, 2);
        grid.setWidget(0, 0, new Label("Username:"));
        grid.setWidget(0, 1, userNameInput);


        grid.setWidget(1, 0, new Label("Password:"));

View Full Code Here


  private String toolSetId = null;


  public WSToolSetLauncher(String id, final ToolSet toolSet)
  {
    super(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    setPadding(3);




     // widget, if available
    Widget w = toolSet.getWidget();

View Full Code Here

  private StackLayoutPanel stack;  
  private Controller controller;


  public Menu()
  {
    super(new BoxLayout(BoxLayout.Orientation.VERTICAL));


    this.setWidgetSpacing(5);


    this.stack = new StackLayoutPanel();
    //stack.showStack(0); // todo: loading event

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.