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

    /**
     * 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

          controller.addView(ID, this);
          controller.addAction(GetProcessInstanceEventsAction.ID, new GetProcessInstanceEventsAction());
        }


        super.setStyleName("bpm-detail-panel");
        super.setLayout(new BoxLayout(BoxLayout.Orientation.HORIZONTAL));


        grid = new PropertyGrid(
                new String[] {"Process:", "Instance ID:", "State", "Start Date:", "Activity:"}
        );


        this.add(grid, new BoxLayoutData(BoxLayoutData.FillStyle.BOTH));


        MosaicPanel buttonPanel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL) );
        
        if(isRiftsawInstance) {
          diagramBtn = new Button("Execution Path",
                  new ClickHandler()
                  {

View Full Code Here

                layout, true
        );


        controller.handleEvent(new Event(GetProcessInstanceEventsAction.ID, inst.getId()));
        } else if(isjBPMInstance) {
          MosaicPanel layout = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
            layout.setStyleName("bpm-window-layout");
            layout.setPadding(5);


            Label header = new Label("Instance: "+inst.getId());
            header.setStyleName("bpm-label-header");

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

    
  }


  public void initialize(final List<ProcessDefinitionRef> processDefinitions) {


    final LayoutPanel panel = new LayoutPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    panel.setPadding(0);
    panel.setWidgetSpacing(5);


    final ToolBar toolbar = new ToolBar();
    panel.add(toolbar, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));
    
    toolbar.add(new Button("Search", new ClickHandler() {


      @Override
      public void onClick(ClickEvent clickEvent) {


                if (definitionList.getItemCount() < 1) {
                    return;
                }


        String proDef = definitionList.getValue(definitionList.getSelectedIndex());


                String definitionId = null;


                for (ProcessDefinitionRef ref : processDefinitions) {
                    if (proDef.equals(ref.getName())) {
                        definitionId = ref.getId();
                    }
                }


        String theStatus = processStatusList.getValue(processStatusList.getSelectedIndex());
        Date theDate = startTime.getValue();
        if (theDate == null) {
          theDate = new Date(103,1,1);
        }
        Date edate = endTime.getValue();
        if (edate == null) {
          edate = new Date();
        }
        String ckey = correlationKey.getValue();
        
        ProcessSearchEvent event = new ProcessSearchEvent();
        event.setDefinitionKey(definitionId);
        event.setStatus(theStatus);
        event.setStartTime(theDate.getTime());
        event.setEndTime(edate.getTime());
        event.setKey(ckey);
        
        controller.handleEvent(new Event(LoadProcessHistoryAction.ID, event));
      }
      
    }) );
    
    final MosaicPanel formPanel = new MosaicPanel(new BoxLayout(BoxLayout.Orientation.VERTICAL));
    panel.add(formPanel, new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL));


    BoxLayoutData bld1 = new BoxLayoutData(BoxLayoutData.FillStyle.HORIZONTAL);
        bld1.setPreferredWidth("130px");
        
        final MosaicPanel processDefBox = new MosaicPanel(new BoxLayout());
    processDefBox.add(new Label("Process Definition: "), bld1);
    
    definitionList = new ListBox();
    for (ProcessDefinitionRef ref : processDefinitions) {
      definitionList.addItem(ref.getName());

View Full Code Here

        callback.onSuccess(panel);
  }


  
  private MosaicPanel createEndTimeDateBox(BoxLayoutData bld1) {
    MosaicPanel box4 = new MosaicPanel(new BoxLayout());
    endTime = new DateBox();
    endTime.setWidth("550px");
    box4.add(new Label("End Time: "), bld1);
    box4.add(endTime);
    return box4;

View Full Code Here

    return box4;
  }




  private MosaicPanel createStartTimeDateBox(BoxLayoutData bld1) {
    MosaicPanel box3 = new MosaicPanel(new BoxLayout());
    startTime = new DateBox();
    startTime.setWidth("550px");
    box3.add(new Label("Start Time: "), bld1);
    box3.add(startTime);
    return box3;

View Full Code Here

    return box3;
  }




  private MosaicPanel createCorrelationKeyTextBox(BoxLayoutData bld1) {
    MosaicPanel box2 = new MosaicPanel(new BoxLayout());
    correlationKey = new TextBox();
    correlationKey.setWidth("550px");
    box2.add(new Label("Correlation Key: "), bld1);
    box2.add(correlationKey);
    box2.add(new Label(" format: correlation name = [correlation value], e.g Session=[1]"));

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.