Example usage for com.google.gwt.user.client.ui DockPanel NORTH

List of usage examples for com.google.gwt.user.client.ui DockPanel NORTH

Introduction

In this page you can find the example usage for com.google.gwt.user.client.ui DockPanel NORTH.

Prototype

DockLayoutConstant NORTH

To view the source code for com.google.gwt.user.client.ui DockPanel NORTH.

Click Source Link

Document

Specifies that a widget be added at the north edge of the dock.

Usage

From source file:br.unicamp.ic.sgct.client.apresentacao.ucs.LoginScreen.java

License:Apache License

public LoginScreen() {
    txtLogin.setRequired(true);//w  w  w .ja  v  a  2 s .  c om
    txtPassword.setRequired(true);

    panelValidate.setWidth("100%");
    panelValidate.setSpacing(10);

    panelValidate.add(txtLogin);
    panelValidate.add(txtPassword);

    btnPanel = new ButtonPanel();
    btnPanel.addStyleDependentName("");

    btnPanel.addSaveButton("Login");
    btnPanel.addClearButton();
    panelValidate.add(btnPanel);

    dockPanel.add(panelValidate, DockPanel.NORTH);

    initWidget(dockPanel);
}

From source file:burrito.client.crud.CrudPanel.java

License:Apache License

public CrudPanel() {
    History.addValueChangeHandler(this);
    wrapper.add(top, DockPanel.NORTH);
    content.addStyleName("k5-CrudPanel-content");
    top.addStyleName("k5-CrudPanel-top");
    wrapper.add(content, DockPanel.CENTER);

    initWidget(wrapper);//  w  w  w  .j a  v a  2  s.co m
    Scheduler.get().scheduleDeferred(new ScheduledCommand() {

        @Override
        public void execute() {
            History.fireCurrentHistoryState();
        }
    });
    addStyleName("k5-CrudPanel");
    setWidth("100%");
}

From source file:burrito.client.crud.widgets.CrudRichTextArea.java

License:Apache License

public CrudRichTextArea(String value) {
    textArea = new FormattedRichTextArea();
    textArea.setHTML(value);//from  ww  w . j a  va  2  s  . co m
    formatter = textArea.getFormatter();
    richTextDock.add(createCommandsArea(), DockPanel.NORTH);
    textArea.addKeyDownHandler(new KeyDownHandler() {

        public void onKeyDown(KeyDownEvent event) {
            toggleButtons();
            checkForKeyBoardCombinations(event);
        }
    });
    textArea.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            toggleButtons();
        }
    });
    textAreaWrapper.setWidget(textArea);
    richTextDock.add(textAreaWrapper, DockPanel.CENTER);
    HTML richTextHeader = new HTML(labels.richText());
    richTextHeader.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            if (rawVisible) {
                textArea.setHTML(raw.getText());
                textAreaWrapper.clear();
                textAreaWrapper.setWidget(textArea);
            }
            rawVisible = false;
        }
    });
    tabPanel.add(richTextDock, richTextHeader);
    HTML rawHeader = new HTML(labels.rawHtml());
    rawHeader.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            if (!rawVisible) {
                raw.setText(textArea.getHTML());
            }
            rawVisible = true;
        }
    });
    tabPanel.add(raw, rawHeader);

    imagePicker = new ImagePickerPopup(800, 800, false);
    imagePicker.addSaveHandler(new ImagePickerPopup.SaveHandler() {

        public void saved(String value) {
            formatter.insertImage("/blobstore/image?key=" + value);
        }
    });

    wrapper.add(tabPanel);

    ToggleButton maximize = new ToggleButton(labels.maximize(), labels.minimize());
    maximize.addClickHandler(new ClickHandler() {
        boolean max = false;

        public void onClick(ClickEvent event) {
            if (max) {
                raw.setSize("400px", "250px");
                textArea.setSize("400px", "250px");

            } else {
                raw.setSize("800px", "440px");
                textArea.setSize("800px", "440px");
            }
            max = !max;
        }
    });
    maximize.setWidth("80px");
    wrapper.add(maximize);
    initWidget(wrapper);
    addStyleName("k5-CrudRichTextArea");
    raw.setSize("400px", "250px");
    textArea.setSize("400px", "250px");
    tabPanel.selectTab(0);
}

From source file:burrito.client.widgets.panels.table.Table.java

License:Apache License

/**
 * Creates a new table. Don't forget to make calls to addHeader(),
 * addCellRenderer() and render() after creating the object.
 * //from  ww  w . j  a v  a  2s . c  o m
 * @param numberOfColumns
 *            The number of columns. Only count those that you will specify
 *            (i.e. Don't count the select checkbox as a column)
 * @param rowsSelectable
 *            true if rows should be selectable. This will work in
 *            combination with addBatchAction()
 * @param rowsEditable
 *            true if an edit-link should be rendered next to each row
 * @param rowsOrderable
 *            true if rows should be able to re-order
 */
public Table(int numberOfColumns, boolean rowsSelectable, boolean rowsEditable, boolean rowsOrderable) {
    this.rowsSelectable = rowsSelectable;
    this.rowsEditable = rowsEditable;
    this.numberOfModelColumns = numberOfColumns;
    this.numberOfColumns = numberOfModelColumns;
    this.rowsOrderable = rowsOrderable;

    if (rowsSelectable) {
        this.numberOfColumns++;
    }
    if (rowsEditable) {
        this.numberOfColumns++;
    }
    if (rowsOrderable) {
        this.numberOfColumns++;
    }
    this.table = new Grid(1, this.numberOfColumns);
    this.loadingLabel = new Label(messages.loading());
    FlowPanel centerWrapper = new FlowPanel();
    centerWrapper.add(loadingLabel);
    centerWrapper.add(table);

    Button searchButton = new Button(messages.searchButton());
    searchButton.addClickHandler(new ClickHandler() {
        @Override
        public void onClick(ClickEvent event) {
            load(0);
        }
    });
    Button resetButton = new Button(messages.resetButton());
    resetButton.addClickHandler(new ClickHandler() {
        @Override
        public void onClick(ClickEvent event) {
            filterText.setValue("");
            load(0);
        }
    });

    search.setVerticalAlignment(VerticalPanel.ALIGN_MIDDLE);
    search.setHorizontalAlignment(VerticalPanel.ALIGN_LEFT);
    search.add(new Label(messages.search()));
    search.add(filterText);
    search.add(searchButton);
    search.add(resetButton);
    search.setStyleName("k5-table-searchbox");
    search.setVisible(false);
    centerWrapper.add(search);

    batchJobsWrapper.addStyleName("batchJobs");
    dock.add(pageController, DockPanel.NORTH);
    dock.add(centerWrapper, DockPanel.CENTER);
    batchJobsWrapper.add(batchJobs);
    dock.add(batchJobsWrapper, DockPanel.SOUTH);

    pageController.addPageControllerHandler(new PageControllerHandler() {

        @Override
        public void loadPage(int zeroIndexedPage) {
            load(zeroIndexedPage);
        }
    });

    initWidget(dock);
    this.setStyleName("k5-Table");
}

From source file:ca.upei.ic.timetable.client.ApplicationView.java

License:Apache License

public ApplicationView(ApplicationController app) {
    app_ = app;/*  ww  w  .  j  a  v  a2 s .com*/

    // hide the root panel first
    hide();

    // create the application view elements
    // we are using a horizontal split panel to host the left side (course view)
    // and the right side (calendar view)
    DockPanel panel = GWT.create(DockPanel.class);
    panel.setSize("980px", "580px");

    final View findCourseView = app_.getFindCourseController().getView();

    // find course button
    final Button findCourseButton = GWT.create(Button.class);
    findCourseButton.setText("Find Course...");
    findCourseButton.setPixelSize(250, 28);
    findCourseButton.addClickListener(new ClickListener() {

        public void onClick(Widget sender) {
            findCourseView.show();
        }

    });
    // message view
    final View messageView = app_.getMessageController().getView();

    // course view
    final View courseView = app_.getCourseController().getView();
    courseView.getWidget().setWidth("340px");

    // calendar view
    final View calendarView = app_.getCourseCalendarController().getView();

    // top panel
    HorizontalPanel topPanel = GWT.create(HorizontalPanel.class);
    topPanel.add(findCourseButton);
    headerPanel_ = GWT.create(HorizontalPanel.class);
    SimplePanel topleft = PanelUtils.simplePanel(new HTML(""), 61, 28);
    headerPanel_.add(topleft);

    // add headers
    for (int i = 1; i < 6; i++) {
        SimplePanel header = GWT.create(SimplePanel.class);
        header.addStyleName("gridHeaderCell");
        header.setPixelSize(128, 28);
        header.add(new HTML(headerStrings[i]));
        headerPanel_.add(header);
    }

    topPanel.add(headerPanel_);

    // add elements to the dock panel
    // to north (top bar)
    panel.add(PanelUtils.horizontalPanel(findCourseButton, headerPanel_), DockPanel.NORTH);
    // to west (left side bar)
    panel.add(PanelUtils.verticalPanel(
            PanelUtils.decoratorPanel(PanelUtils.scrollPanel(courseView.getWidget(), 240, 555)),
            PanelUtils.horizontalPanel(ButtonUtils.button("Clear", 125, 25, new ClickListener() {
                public void onClick(Widget sender) {
                    app_.getCourseController().clear();
                }
            }, null), ButtonUtils.button("Print...", 125, 25, new ClickListener() {
                public void onClick(Widget sender) {
                    Element wrapper = DOM.createDiv();
                    Element header = (Element) headerPanel_.getElement().cloneNode(true);
                    wrapper.appendChild(header);
                    CalendarPanel calendar = (CalendarPanel) app_.getCourseCalendarController().getView()
                            .getWidget();
                    int height = calendar.getRealHeight();
                    Element calendarElement = (Element) calendar.getElement().cloneNode(true);
                    DOM.setStyleAttribute(calendarElement, "page-break-inside", "avoid");
                    DOM.setStyleAttribute(calendarElement, "height", (height + 50) + "px");
                    wrapper.appendChild(calendarElement);
                    app_.print("Main.css", wrapper.getInnerHTML());
                }
            }, null))), DockPanel.WEST);
    // to center (content)
    panel.add(calendarView.getWidget(), DockPanel.CENTER);

    // to footer (copyright)
    panel.add(new HTML(
            "&copy; 2008 University of Prince Edward Island. This is an <a href=\"http://github.com/upei/\">open-source project</a> licensed under Apache License 2.0."),
            DockPanel.SOUTH);

    // add the horizontal panel
    RootPanel.get().add(panel);
}

From source file:ch.ubx.startlist.client.ui.DynaTableWidget.java

License:Apache License

public DynaTableWidget(DynaTableDataProvider provider, String[] columns, String[] columnStyles, int rowCount) {

    if (columns.length == 0) {
        throw new IllegalArgumentException("expecting a positive number of columns");
    }/*w  w w  .ja  v a2s. c o  m*/

    if (columnStyles != null && columns.length != columnStyles.length) {
        throw new IllegalArgumentException("expecting as many styles as columns");
    }

    this.provider = provider;
    initWidget(outer);
    table.setStyleName("table");
    outer.add(navbar, DockPanel.NORTH);
    outer.add(table, DockPanel.CENTER);
    initTable(columns, columnStyles, rowCount);
    setStyleName("DynaTable-DynaTableWidget");
}

From source file:client.argon.page.ArgonReservationCreatePage.java

License:Open Source License

/**
 * /*from   ww w  .  j  a  v  a  2s.  c o m*/
 */
public ArgonReservationCreatePage() {
    this.dockPanel.add(this.getImagePanel(), DockPanel.NORTH);
    this.dockPanel.add(this.getEditPanel(), DockPanel.SOUTH);

    this.initWidget(this.dockPanel);
    this.setStyleName("mail-List");
}

From source file:client.ManagementGui.java

License:Open Source License

/**
 * Build the whole panel./*from   ww w . ja  v  a 2  s.c o  m*/
 */
public final void onModuleLoad() {
    ManagementGui.instance = this;

    this.logoPanel.setWidth("100%");

    this.rightPanel.addStyleName("rightPanel");
    this.rightPanel.setWidth("100%");

    this.resTree.addStyleName("treeMenu");

    this.topologyTree.addStyleName("treeMenu");

    this.argonTree.addStyleName("treeMenu");

    this.stackPanel.setWidth("200");

    this.stackPanel.add(this.resTree, this.createImageHtml("journal.png", "Reservation"), true);
    this.stackPanel.add(this.topologyTree, this.createImageHtml("connect.png", "Tools"), true);
    this.stackPanel.add(this.argonTree, this.createImageHtml("database.png", "Argon"), true);
    this.stackPanel.add(this.renameTree, "About", true);

    this.dock.add(this.logoPanel, DockPanel.NORTH);
    this.dock.add(LoggingPanel.getPanel(), DockPanel.SOUTH);
    this.dock.add(this.stackPanel, DockPanel.WEST);
    this.dock.add(this.rightPanel, DockPanel.CENTER);

    this.dock.setWidth("100%");

    this.dock.setSpacing(4);
    this.dock.setCellWidth(this.rightPanel, "100%");

    Window.addWindowResizeListener(this);
    Window.enableScrolling(true);
    Window.setMargin("0px");

    RootPanel.get().add(this.dock);

    DeferredCommand.addCommand(new Command() {
        public void execute() {
            ManagementGui.this.onWindowResized(Window.getClientWidth(), Window.getClientHeight());
        }
    });

    this.onWindowResized(Window.getClientWidth(), Window.getClientHeight());
}

From source file:client.reservation.page.ReservationCreatePage.java

License:Open Source License

/**
 * /* www. jav  a2 s.  com*/
 */
public ReservationCreatePage(final String epr) {
    this.epr = epr;

    this.dockPanel.add(this.getImagePanel(), DockPanel.NORTH);
    this.dockPanel.add(this.getEditPanel(), DockPanel.SOUTH);

    this.initWidget(this.dockPanel);
    this.setStyleName("mail-List");
}

From source file:client.template.page.LinkAdminPage.java

License:Open Source License

public LinkAdminPage(final ListPanel list) {

    this.table = list;

    this.top = new RefreshLinkPanel(this, list);
    this.bottom = new ExecuteLinkPanel(list);

    this.dockPanel.add(this.top, DockPanel.NORTH);
    this.dockPanel.add(this.table, DockPanel.CENTER);

    this.dockPanel.add(this.bottom, DockPanel.SOUTH);
    this.dockPanel.setWidth("100%");
    this.dockPanel.setSpacing(0);
    this.dockPanel.setStyleName("res-Dock");

    this.initWidget(this.dockPanel);
    this.setStyleName("mail-List");

}