Example usage for com.google.gwt.user.client.ui RootPanel add

List of usage examples for com.google.gwt.user.client.ui RootPanel add

Introduction

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

Prototype

public void add(Widget w, int left, int top) 

Source Link

Document

Adds a widget to the panel at the specified position.

Usage

From source file:com.blackducksoftware.tools.commonframework.core.gwt.ui.StandardLoginScreen.java

License:Open Source License

/**
 * Creates the login screen./*from w ww . j ava  2s  .  c  om*/
 *
 * @param logoPath
 *            the logo path
 * @param appVersionString
 *            the app version string
 * @param title
 *            the title
 */
private void createLoginScreen(String logoPath, String appVersionString, String title) {
    Label titleLabel = buildTitleLabel(title);
    loginButton = buildLoginButton();
    errorLabel = buildErrorLabel();
    RootPanel rootPanel = configureRootPanel(logoPath, titleLabel, loginButton, errorLabel);
    AbsolutePanel absolutePanel = buildAbsolutePanel();
    rootPanel.add(absolutePanel, 162, 311);

    Label serverFieldLabel = buildServerLabel();
    absolutePanel.add(serverFieldLabel, 79, 34);

    serverBox = buildServerBox();
    absolutePanel.add(serverBox, 136, 34);

    userNameBox = buildUserNameBox();
    absolutePanel.add(userNameBox, 136, 70);

    Label userFieldLabel = buildUserNameLabel();
    absolutePanel.add(userFieldLabel, 92, 70);

    Label passwordFieldLabel = buildPasswordLabel();
    absolutePanel.add(passwordFieldLabel, 57, 104);

    passwordBox = buildPasswordBox();
    absolutePanel.add(passwordBox, 136, 104);

    rememberMeCheckBox = buildRememberMeCheckBox();
    absolutePanel.add(rememberMeCheckBox, 143, 139);

    Label versionLabel = buildVersionLabel(appVersionString);
    absolutePanel.add(versionLabel, 365, 164);

    Label lblCopyrightBlack = buildCopyrightLabel();
    rootPanel.add(lblCopyrightBlack, 98, 688);

    // Load cookie values, but do not memorize
    loadCookies(false);

}

From source file:com.blackducksoftware.tools.commonframework.core.gwt.ui.StandardLoginScreen.java

License:Open Source License

/**
 * Configure root panel.//  w ww . jav a  2s.co m
 *
 * @param logoPath
 *            the logo path
 * @param titleLabel
 *            the title label
 * @param loginButton
 *            the login button
 * @param errorLabel
 *            the error label
 * @return the root panel
 */
private RootPanel configureRootPanel(String logoPath, Label titleLabel, Button loginButton, Label errorLabel) {
    RootPanel rootPanel = RootPanel.get(browserElementId);
    rootPanel.setStyleName("RootPanel");
    rootPanel.setSize("1280", "960");
    Image image = new Image(logoPath);
    rootPanel.add(image, 170, 38);
    rootPanel.add(titleLabel, 162, 260);
    rootPanel.add(loginButton, 309, 520); // was 309, 511
    rootPanel.add(errorLabel, 162, 600); // was 162, 590

    return rootPanel;
}

From source file:com.feller.picup.client.PickUp.java

License:Open Source License

public void onModuleLoad() {
    RootPanel rootPanel = RootPanel.get();

    tabPanel.setVisible(true);// ww w .  j a  va 2s  .  c  o  m
    tabPanel.setAnimationEnabled(true);
    rootPanel.add(tabPanel, 0, 85);
    tabPanel.setSize("561px", "343px");
    tabPanel.add(Uploadpanel, "Upload Pics", false);
    Uploadpanel.setSize("296px", "290px");
    Uploadpanel.add(uploadLabel);
    Uploadpanel.add(fileUpload);
    fileUpload.setName("files[]");

    VerticalPanel generateQRPanel = new VerticalPanel();
    tabPanel.add(generateQRPanel, "Generate QR Code", false);
    tabPanel.selectTab(0);

    generateQRPanel.setSize("5cm", "3cm");

    HorizontalPanel ButtonslPanel = new HorizontalPanel();
    generateQRPanel.add(ButtonslPanel);
    ButtonslPanel.setSize("218px", "36px");

    Button getQRButton = new Button("get QR");
    getQRButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            getBucketURL();
        }
    });
    ButtonslPanel.add(getQRButton);

    Button btnSendToBucket = new Button("send to Bucket");
    btnSendToBucket.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            generateUploadFrame();
        }
    });
    ButtonslPanel.add(btnSendToBucket);

    ButtonslPanel.add(errorLabel);

    generateQRPanel.add(QRImagePanel);
    QRImagePanel.setWidth("197px");

    Image picupImage = new Image("images/picUp.png");
    rootPanel.add(picupImage, 7, 10);
    fileUpload.getElement().setId("files");

    if (!initQRcodeDecoderComponenets()) {
        uploadLabel.setText("your browser does not support html5 capabilities.\n " + "QR decoding won't work \n"
                + "try using FireFox or chrome browser");
    } else {
        uploadLabel.setText("html5 capabilites are supported");
    }

    initFileReaderCallbacks(this);
}

From source file:com.google.gwt.demos.currencywidget.client.CurrencyWidgetDemo.java

License:Apache License

public void onModuleLoad() {
    RootPanel rootPanel = RootPanel.get();

    final Label currencyInputWidgetLabel = new Label("Currency Input Widget:");
    rootPanel.add(currencyInputWidgetLabel, 50, 32);

    final CurrencyWidget currencyWidget = new CurrencyWidget("EUR");
    rootPanel.add(currencyWidget, 50, 56);

    final Button clickMeButton = new Button();
    rootPanel.add(clickMeButton, 250, 56);
    clickMeButton.setText("See what you got!");
    clickMeButton.addClickListener(new ClickListener() {
        public void onClick(Widget sender) {
            Window.alert("You entered: " + Double.toString(currencyWidget.getAmount()));
        }//from   w  w  w . j a  v  a2s.  c o m
    });

    final Label currencyWidgetWithPreviewLabel = new Label("Currency Widget With Preview");
    rootPanel.add(currencyWidgetWithPreviewLabel, 50, 108);

    final CurrencyWidgetWithPreview currencyWidgetWithPreview = new CurrencyWidgetWithPreview("EUR");
    rootPanel.add(currencyWidgetWithPreview, 50, 132);
    currencyWidgetWithPreview.setSize("156px", "18px");

    final Button seeWhatYouButton = new Button();
    rootPanel.add(seeWhatYouButton, 250, 132);
    seeWhatYouButton.setSize("157px", "24px");
    seeWhatYouButton.setText("See what you got!");
    seeWhatYouButton.addClickListener(new ClickListener() {
        public void onClick(Widget sender) {
            Window.alert("You entered: " + Double.toString(currencyWidgetWithPreview.getAmount()));
        }
    });

    final Label jpCurrencyWidgetLabel = new Label("Japanese Currency");
    rootPanel.add(jpCurrencyWidgetLabel, 50, 184);

    final CurrencyWidgetWithPreview jpCurrencyWidgetWithPreview = new CurrencyWidgetWithPreview("JPY");
    rootPanel.add(jpCurrencyWidgetWithPreview, 50, 208);
    jpCurrencyWidgetWithPreview.setSize("156px", "18px");

    final Label aNaiveTextLabel = new Label("A Naive Text Widget:");
    rootPanel.add(aNaiveTextLabel, 50, 250);
    final TextBox textBox = new TextBox();
    rootPanel.add(textBox, 50, 280);
}

From source file:com.google.gwt.sample.stockwatcher.StockWatcher.client.StockWatcher.java

License:Open Source License

public void onModuleLoad() {
    // setup timer to refresh list automatically
    Timer refreshTimer = new Timer() {
        public void run() {
            refreshWatchList();/*from w  w w  . ja  v  a  2s  .  c o  m*/
        }
    };
    refreshTimer.scheduleRepeating(REFRESH_INTERVAL);
    RootPanel rootPanel = RootPanel.get();
    rootPanel.setStyleName("gwt-Label-StockWatcher");

    VerticalPanel mainPanel = new VerticalPanel();
    rootPanel.add(mainPanel, 10, 147);
    mainPanel.setSize("311px", "167px");

    stocksFlexTable = new FlexTable();
    //Aadir valores a la tabla
    stocksFlexTable.setText(0, 0, "Symbol");
    stocksFlexTable.setText(0, 1, "Price");
    stocksFlexTable.setText(0, 2, "Change");
    stocksFlexTable.setText(0, 3, "Remove");

    mainPanel.add(stocksFlexTable);

    addPanel = new HorizontalPanel();
    mainPanel.add(addPanel);
    addPanel.setSize("272px", "56px");

    newSymbolTextBox = new TextBox();
    newSymbolTextBox.addKeyPressHandler(new KeyPressHandler() {
        public void onKeyPress(KeyPressEvent event) {
            if (event.getCharCode() == KeyCodes.KEY_ENTER) {
                addStock();
            }
        }
    });
    newSymbolTextBox.setFocus(true);
    addPanel.add(newSymbolTextBox);

    addButton = new Button("Add");
    addButton.setStyleName("gwt-Button-Add");
    addButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            addStock();
        }
    });
    addPanel.add(addButton);

    lastUpdatedLabel = new Label("New label");
    mainPanel.add(lastUpdatedLabel);

    image = new Image("images/googlecode.png");
    rootPanel.add(image, 10, 10);
    image.setSize("221px", "84px");

    lblNewLabel = new Label("Stock Watcher");
    rootPanel.add(lblNewLabel, 20, 100);
    lblNewLabel.setSize("186px", "16px");
}

From source file:com.google.gwt.sample.stockwatcher2.StockWatcher2.client.StockWatcher2.java

/**
 * This is the entry point method./*from ww  w.  ja  v  a2 s  . co m*/
 */
public void onModuleLoad() {

    // Add the nameField and sendButton to the RootPanel
    // Use RootPanel.get() to get the entire body element
    RootPanel rootPanel = RootPanel.get("stockList");
    rootPanel.setStyleName("rootPanel");

    mainPanel = new VerticalPanel();
    rootPanel.add(mainPanel, 10, 0);
    mainPanel.setSize("304px", "224px");

    Image image = new Image("images/GoogleCode.png");
    mainPanel.add(image);

    Label labelStockWatcher = new Label("Stock Watcher");
    labelStockWatcher.setStyleName("gwt-Label-StockWatcher");
    mainPanel.add(labelStockWatcher);

    stocksflexTable = new FlexTable();
    stocksflexTable.getRowFormatter().addStyleName(0, "watchListHeader");
    stocksflexTable.setCellPadding(6);
    stocksflexTable.setStyleName("watchList");
    stocksflexTable.getCellFormatter().addStyleName(0, 1, "watchListN");
    stocksflexTable.getCellFormatter().addStyleName(0, 2, "watchListNumericColumn");
    stocksflexTable.setText(0, 0, "Symbol");
    stocksflexTable.setText(0, 1, "Price");
    stocksflexTable.setText(0, 2, "Change");
    stocksflexTable.setText(0, 3, "Remove");

    mainPanel.add(stocksflexTable);
    stocksflexTable.setWidth("222px");

    addPanel = new HorizontalPanel();
    mainPanel.add(addPanel);

    newSymbolTextBox = new TextBox();
    newSymbolTextBox.addKeyPressHandler(new KeyPressHandler() {
        public void onKeyPress(KeyPressEvent event) {
            if (event.getCharCode() == KeyCodes.KEY_ENTER) {
                addStock();
            }
        }
    });
    addPanel.add(newSymbolTextBox);

    addButton = new Button("New button");
    addButton.setStyleName("gwt-Button-Add");
    addButton.setHeight("25px");
    addButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            addStock();
        }
    });
    addButton.setText("Add");
    addPanel.add(addButton);

    lastUpdateLabel = new Label("New label");
    mainPanel.add(lastUpdateLabel);
    // setup timer to refresh list automatically
    Timer refreshTimer = new Timer() {
        public void run() {
            refreshWatchList();
        }
    };
    refreshTimer.scheduleRepeating(REFRESH_INTERVAL);
}

From source file:com.gwt.exemplo.CadastroCaronasManager.client.CadastroCaronasManager.java

License:Open Source License

public void onModuleLoad() {
    RootPanel rootPanel = RootPanel.get();

    HorizontalPanel horizontalPanel = new HorizontalPanel();
    rootPanel.add(horizontalPanel, 23, 22);
    horizontalPanel.setSize("482px", "434px");

    VerticalPanel verticalPanel = new VerticalPanel();
    horizontalPanel.add(verticalPanel);/*from ww w .  j  av  a 2s. com*/
    verticalPanel.setSize("444px", "373px");

    Label lblBemVindoA = new Label("Bem vindo a p\u00E1gina de cadastro de caronas");
    lblBemVindoA.setStyleName("gwt-Label-CadastroCarona");
    verticalPanel.add(lblBemVindoA);

    CadastroCaronas cadastroCaronas = new CadastroCaronas();
    verticalPanel.add(cadastroCaronas);
}

From source file:com.hekabe.dashboard.client.Dashboard.java

License:Open Source License

@Override
public void onModuleLoad() {
    RootPanel rootPanel = RootPanel.get();

    verticalPanel = new VerticalPanel();
    rootPanel.add(verticalPanel, 10, 10);
    verticalPanel.setSize("226px", "136px");

    lblHekabeDashboardFor = new Label("Hekabe Dashboard for Cassandra");
    verticalPanel.add(lblHekabeDashboardFor);

    horizontalPanel = new HorizontalPanel();
    verticalPanel.add(horizontalPanel);/*from  ww  w .  j  a v  a  2  s  .  c  o  m*/

    lblAnzahlInstanzen = new Label("Anzahl Instanzen");
    horizontalPanel.add(lblAnzahlInstanzen);

    textBoxAnzahlInstanzen = new TextBox();
    horizontalPanel.add(textBoxAnzahlInstanzen);
    textBoxAnzahlInstanzen.setWidth("117px");

    btnInstanzenStarten = new Button("Instanzen starten");
    btnInstanzenStarten.addClickHandler(new ClickHandler() {
        @Override
        public void onClick(ClickEvent event) {
            sendRequest();
        }
    });
    verticalPanel.add(btnInstanzenStarten);
}

From source file:com.howard.lsp.lab8.lab9.stockwatcher.StockWatcher.client.StockWatcher.java

License:Open Source License

@Override
public void onModuleLoad() {
    RootPanel rootPanel = RootPanel.get();

    VerticalPanel mainPanel = new VerticalPanel();
    rootPanel.add(mainPanel, 10, 10);
    mainPanel.setSize("253px", "280px");

    stocksFlexTable = new FlexTable();
    stocksFlexTable.setText(0, 0, "Symbol");
    stocksFlexTable.setText(0, 1, "Price");
    stocksFlexTable.setText(0, 2, "Change");
    stocksFlexTable.setText(0, 3, "Remove");

    mainPanel.add(stocksFlexTable);//from  w  w w. j a  v a2  s . c o  m

    addPanel = new HorizontalPanel();
    mainPanel.add(addPanel);

    newSymbolTextBox = new TextBox();
    newSymbolTextBox.addKeyPressHandler(new KeyPressHandler() {
        @Override
        public void onKeyPress(KeyPressEvent event) {
            if (event.getCharCode() == KeyCodes.KEY_ENTER) {
                addStock();
            }
        }
    });
    addPanel.add(newSymbolTextBox);

    addButton = new Button("Add");
    addButton.addClickHandler(new ClickHandler() {
        @Override
        public void onClick(ClickEvent event) {
            addStock();
        }
    });
    addPanel.add(addButton);

    lastUpdatedLabel = new Label("New Label");
    mainPanel.add(lastUpdatedLabel);
}

From source file:com.mallentechinc.smartwire.client.SmartWireWeb.java

License:Open Source License

public void onModuleLoad() {

    RootPanel rootPanel = RootPanel.get();

    dockLayoutPanel = new DockLayoutPanel(Unit.EM);
    rootPanel.add(dockLayoutPanel, 10, 10);
    dockLayoutPanel.setSize("1100px", "900px");

    HorizontalPanel headerPanel = new HorizontalPanel();
    dockLayoutPanel.addNorth(headerPanel, 6);

    headerPanel.setWidth("1200px");
    headerPanel.setBorderWidth(0);//from   ww  w  .  j a  va  2s  .  co m

    Image logo = new Image("images/smartwire_logo.jpg");
    headerPanel.setCellWidth(logo, "400px");
    headerPanel.add(logo);

    headerPanel.add(new HTML("jxu"));

    Image logoff = new Image("images/doorlogoff.jpg");
    logoff.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            boolean confirm = Window.confirm("You are about to logoff");
            if (confirm) {
                //redirect("j_spring_security_logout");
                logoff();
            }

        }
    });
    headerPanel.add(logoff);

    HTML htmlCopyRight = new HTML("Copy Right 2012 mallentechinc.com", true);
    dockLayoutPanel.addSouth(htmlCopyRight, 7.7);

    tabPanel = new TabLayoutPanel(2.5, Unit.EM);
    tabPanel.setAnimationDuration(1000);
    tabPanel.getElement().getStyle().setMarginBottom(10.0, Unit.PX);
    dockLayoutPanel.add(tabPanel);

    tabPanel.addSelectionHandler(new SelectionHandler() {
        public void onSelection(SelectionEvent event) {
            // Let the user know what they just did.
            // Window.alert("You clicked tab " + event.getSelectedItem().toString());
            if (event.getSelectedItem().toString().equals("0")) {
                getAllUsers();
                deckPanel.showWidget(1);
            } else if (event.getSelectedItem().toString().equals("3")) {
                getAllCircuitsByUser("jxu");
                subsysContentDeckPanel.showWidget(1);
            }

        }
    });

    //user admin
    DockLayoutPanel userdockLayoutPanel = new DockLayoutPanel(Unit.EM);

    VerticalPanel userAdminMenuPanel = new VerticalPanel();
    userAdminMenuPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);

    userdockLayoutPanel.addWest(userAdminMenuPanel, 11);

    Button getAllUsersButton = new Button("Get All Users");
    getAllUsersButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            getAllUsers();
            deckPanel.showWidget(1);
        }
    });
    userAdminMenuPanel.setSpacing(2);
    userAdminMenuPanel.add(getAllUsersButton);

    Button addNewUserButton = new Button("Add New User");
    addNewUserButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            deckPanel.showWidget(2);

        }
    });
    userAdminMenuPanel.setSpacing(2);
    userAdminMenuPanel.add(addNewUserButton);
    userAdminMenuPanel.setSize("130px", "150px");

    //search user
    Button searchUserButton = new Button("Search User");
    searchUserButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");

        }
    });
    userAdminMenuPanel.setSpacing(2);
    userAdminMenuPanel.add(searchUserButton);

    //user content area
    deckPanel = new DeckPanel();
    deckPanel.setAnimationEnabled(true);
    userdockLayoutPanel.add(deckPanel);

    //add default page for this
    HTML htmlNewHtml = new HTML("This is admin page", true);
    deckPanel.add(htmlNewHtml);

    //add flex table
    flexTable = new FlexTable();
    flexTable.setCellSpacing(2);
    flexTable.setCellPadding(2);
    deckPanel.add(flexTable);
    flexTable.setSize("700px", "");

    //add user input page
    userformPanel = new FormPanel();
    deckPanel.add(userformPanel);

    final VerticalPanel addUserFormContentPanel = new VerticalPanel();
    addUserFormContentPanel.setSpacing(3);

    addUserFormContentPanel.add(new Label("User Name"));
    userName = new TextBox();
    userName.setName("userName");
    addUserFormContentPanel.add(userName);

    addUserFormContentPanel.add(new Label("Password"));
    passWord = new PasswordTextBox();
    userName.setName("password");
    addUserFormContentPanel.add(passWord);

    addUserFormContentPanel.add(new Label("First Name"));
    firstName = new TextBox();
    firstName.setName("firstName");
    addUserFormContentPanel.add(firstName);

    addUserFormContentPanel.add(new Label("Last Name"));
    lastName = new TextBox();
    lastName.setName("lastName");
    addUserFormContentPanel.add(lastName);

    addUserFormContentPanel.add(new Label("Email"));
    email = new TextBox();
    email.setName("email");
    addUserFormContentPanel.add(email);

    addUserFormContentPanel.add(new Label("User Role"));

    userRole = new ListBox();
    userRole.addStyleName("demo-ListBox");
    userRole.addItem("ADMIN");
    userRole.addItem("USER");
    userRole.setName("userRole");
    addUserFormContentPanel.add(userRole);

    addUserFormContentPanel.add(new Label("Position"));

    position = new ListBox();
    position.addStyleName("demo-ListBox");
    position.addItem("EMPLOYEE");
    position.addItem("MANAGER");
    position.setName("position");
    addUserFormContentPanel.add(position);

    Button insertUserButton = new Button("Add New User");
    insertUserButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {

            //get user input
            String requestData = getAddUserInput();
            //add user
            saveUpdateUser(requestData);

        }
    });
    addUserFormContentPanel.add(insertUserButton);

    userformPanel.add(addUserFormContentPanel);

    tabPanel.add(userdockLayoutPanel, "User Admin");

    //end of user admin

    //arch
    DockLayoutPanel archdockLayoutPanel = new DockLayoutPanel(Unit.EM);
    tabPanel.add(archdockLayoutPanel, "Planning & Architecture");

    VerticalPanel archMenuPanel = new VerticalPanel();
    archMenuPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
    archMenuPanel.setSize("160px", "140px");

    Button getAllOption = new Button("All Option Code");
    getAllOption.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    archMenuPanel.setSpacing(2);
    archMenuPanel.add(getAllOption);

    Button addNewOptionButton = new Button("New Option Code");
    addNewOptionButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");

        }
    });
    archMenuPanel.setSpacing(2);
    archMenuPanel.add(addNewOptionButton);

    //search user
    Button searchOptionCodeButton = new Button("Search Option Code");
    searchOptionCodeButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");

        }
    });
    archMenuPanel.setSpacing(2);
    archMenuPanel.add(searchOptionCodeButton);

    //search user
    Button functionCodeButton = new Button("Fuction Code");
    functionCodeButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");

        }
    });
    archMenuPanel.setSpacing(2);
    archMenuPanel.add(functionCodeButton);

    archdockLayoutPanel.addWest(archMenuPanel, 11);

    //end of arch

    //ee components

    DockLayoutPanel eeCompdockLayoutPanel = new DockLayoutPanel(Unit.EM);

    VerticalPanel eeCompMenuPanel = new VerticalPanel();
    eeCompMenuPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
    eeCompMenuPanel.setSize("160px", "120px");

    Button device = new Button("Device");
    device.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    eeCompMenuPanel.setSpacing(2);
    eeCompMenuPanel.add(device);

    eeCompdockLayoutPanel.addWest(eeCompMenuPanel, 11);
    tabPanel.add(eeCompdockLayoutPanel, "EE Components");

    //end of ee components      

    //sub system
    DockLayoutPanel subSystemdockLayoutPanel = new DockLayoutPanel(Unit.EM);

    VerticalPanel subsysMenuPanel = new VerticalPanel();
    subsysMenuPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
    subsysMenuPanel.setSize("160px", "120px");

    Button myCircuits = new Button("My Sub Systems");
    myCircuits.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            getAllCircuitsByUser("jxu");
            subsysContentDeckPanel.showWidget(1);
        }
    });
    subsysMenuPanel.setSpacing(2);
    subsysMenuPanel.add(myCircuits);

    //all sub system
    Button allSubSystems = new Button("Sub Systems");
    allSubSystems.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    subsysMenuPanel.setSpacing(2);
    subsysMenuPanel.add(allSubSystems);

    //sub system family
    Button allSubSystemFamily = new Button("Sub System Family");
    allSubSystemFamily.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    subsysMenuPanel.setSpacing(2);
    subsysMenuPanel.add(allSubSystemFamily);

    subSystemdockLayoutPanel.addWest(subsysMenuPanel, 11);

    //sub system content
    subsysContentDeckPanel = new DeckPanel();
    subsysContentDeckPanel.setAnimationEnabled(true);

    //html
    HTML subsystemHtml = new HTML("This is place you can manager your Sub System", true);
    subsysContentDeckPanel.add(subsystemHtml);

    //add circuit page
    circuitsFlexTable = new FlexTable();
    circuitsFlexTable.setSize("500px", "100px");
    circuitsFlexTable.setCellPadding(2);
    circuitsFlexTable.setCellSpacing(2);
    subsysContentDeckPanel.add(this.circuitsFlexTable);

    subSystemdockLayoutPanel.add(subsysContentDeckPanel);

    //end of sub system content

    tabPanel.add(subSystemdockLayoutPanel, "Sub System Design");
    //end of system       

    //config vechile
    DockLayoutPanel vehicledockLayoutPanel = new DockLayoutPanel(Unit.EM);

    VerticalPanel vehicleMenuPanel = new VerticalPanel();
    vehicleMenuPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
    vehicleMenuPanel.setSize("160px", "120px");

    Button addVehcile = new Button("Add Vehicle");
    addVehcile.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    vehicleMenuPanel.setSpacing(2);
    vehicleMenuPanel.add(addVehcile);

    //all sub system
    Button addTrim = new Button("Add Trim");
    addTrim.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Window.alert("Working on it, stay tune...");
        }
    });
    vehicleMenuPanel.setSpacing(2);
    vehicleMenuPanel.add(addTrim);

    vehicledockLayoutPanel.addWest(vehicleMenuPanel, 11);

    tabPanel.add(vehicledockLayoutPanel, "Vehicle Configurations");
    //end of //config vechile

    DockLayoutPanel qadockLayoutPanel = new DockLayoutPanel(Unit.EM);

    tabPanel.add(qadockLayoutPanel, "Quality Assurance");

    DockLayoutPanel midockLayoutPanel = new DockLayoutPanel(Unit.EM);

    tabPanel.add(midockLayoutPanel, "Manufacture Interface");

    tabPanel.selectTab(0);
    getAllUsers();
    deckPanel.showWidget(1);

}