Java Code Examples for com.google.gwt.user.client.ui.VerticalPanel#setWidth()

private VerticalPanel addComponentCategory(ComponentCategory category) {
  VerticalPanel panel = new VerticalPanel();
  panel.setWidth("100%");
  categoryPanels.put(category, panel);
  // The production version will not include a mapping for Extension because
  // only compile-time categories are included. This allows us to i18n the
  // Extension title for the palette.
  int insert_index = Collections.binarySearch(categoryOrder, category.ordinal());
  insert_index = - insert_index - 1;
  stackPalette.insert(panel, insert_index);
  String title = "";
  if (ComponentCategory.EXTENSION.equals(category)) {
    title = MESSAGES.extensionComponentPallette();
    initExtensionPanel();
  } else {
    title = ComponentsTranslation.getCategoryName(category.getName());
  }
  stackPalette.setStackText(insert_index, title);
  categoryOrder.add(insert_index, category.ordinal());
  // When the categories are loaded, we want the first one open, which will almost always be User Interface
  stackPalette.showStack(0);
  return panel;
}
 

/**
 * FuturamaWalking
 */
public FuturamaWalking() {
	// Establishes auto-close when click outside
	super(false, false);
	left = -180;
	top = Window.getClientHeight() - 80 - 21;

	vPanel = new VerticalPanel();
	vPanel.setWidth("186px");
	vPanel.setHeight("80px");

	logo = new Image("img/eastereggs/futurama_walking.gif");
	vPanel.add(logo);

	setPopupPosition(left, top);

	hide();
	setWidget(vPanel);
}
 

private Widget createAuthenticationPanel() {
	final VerticalPanel panel = new VerticalPanel();
	panel.getElement().getStyle().setBackgroundColor("#E0ECF8");
	panel.setWidth("350px");		
	panel.setSpacing(10);

	userNameField = new TextField();
	userNameField.setTitle(UIMessages.INSTANCE.gitHubUserNameField());
	userNameField.setEmptyText(UIMessages.INSTANCE.gitHubUserNameField());
	userNameField.setWidth(FIELD_WIDTH);
	panel.add(userNameField);

	passwordField = new PasswordField();		
	passwordField.setTitle(UIMessages.INSTANCE.gitHubPasswordField());
	passwordField.setEmptyText(UIMessages.INSTANCE.gitHubPasswordField());
	passwordField.setWidth(FIELD_WIDTH);
	panel.add(passwordField);
	
	return panel;
}
 

private VerticalPanel getTMSPanel() {
	final VerticalPanel panel = new VerticalPanel();
	panel.setWidth("350px");
	panel.setSpacing(10);

	urlTMSField = new TextField();
	urlTMSField.setTitle(UIMessages.INSTANCE.lrasterdUrlField());
	urlTMSField.setWidth(FIELD_WIDTH);
	urlTMSField.setAllowBlank(false);

	panel.add(urlTMSField);

	nameTMSField = new TextField();
	nameTMSField.setTitle(UIMessages.INSTANCE.lrasterdLayerNameField(""));
	nameTMSField.setAllowBlank(false);
	nameTMSField.setWidth(FIELD_WIDTH);
	panel.add(nameTMSField);

	formatTMSField = new TextField();
	formatTMSField.setTitle(UIMessages.INSTANCE.lrasterdImageFormatField());
	formatTMSField.setAllowBlank(false);
	formatTMSField.setWidth(FIELD_WIDTH);
	panel.add(formatTMSField);

	return panel;
}
 

private VerticalPanel getTextPanel() {
	VerticalPanel geoDataContainer = new VerticalPanel();
	geoDataContainer.setWidth("230px");
	geoDataContainer.setSpacing(5);

	geoDataTextArea = new TextArea();
	geoDataTextArea.setBorders(true);
	geoDataTextArea.setEmptyText(UIMessages.INSTANCE
			.gdidTextAreaEmptyText());
	geoDataTextArea.setWidth(270);
	geoDataTextArea.setHeight(180);
	geoDataContainer.add(new Label(UIMessages.INSTANCE
			.gdidTextAreaTitleLabel()));

	geoDataContainer.add(geoDataTextArea);
	return geoDataContainer;
}
 

/**
 * WikiManager
 */
public WikiManager(boolean isDashboard) {
	this.isDashboard = isDashboard;
	vPanel = new VerticalPanel();
	toolbar = new TabToolbarWiki(this, isDashboard);

	// Post Editor
	vWikiPanel = new VerticalPanel();
	vWikiPanel.setWidth("100%");
	wikiEditor = new WikiEditor(this);
	wikiEditor.setStyleName("okm-Mail");
	wikiHistory = new WikiHistory(this);
	wikiPage = new WikiPage();
	scrollPanelWiki = new ScrollPanel(vWikiPanel);

	vPanel.add(toolbar); // Always visible

	toolbar.setHeight("" + TOOLBAR_HEADER + "px");
	toolbar.setWidth("100%");
	vPanel.setCellHeight(toolbar, "" + TOOLBAR_HEADER + "px");

	initWidget(vPanel);
}
 

AboutBox(String version) {
	super();
	vp = new VerticalPanel();
	setWidget(vp);
	vp.setWidth("400px");
	vp.add(new HTML("<iframe src=\"help/aboutbox.html\" width=\"400\" height=\"430\" scrolling=\"auto\" frameborder=\"0\"></iframe><br>"));
	
	
	vp.add(okButton = new Button("OK"));
	okButton.addClickHandler(new ClickHandler() {
		public void onClick(ClickEvent event) {
			close();
		}
	});
	center();
	show();
}
 

public VerticalPanel getEmptyPanel() {
	VerticalPanel geoDataContainer = new VerticalPanel();
	geoDataContainer.setSpacing(5);
	geoDataContainer.setWidth("280px");
	geoDataContainer.setSpacing(5);
	geoDataContainer.add(new Label(UIMessages.INSTANCE
			.createEmptyLayerToolText()));

	createAttributes = new CheckBox();
	createAttributes.setBoxLabel(UIMessages.INSTANCE
			.celtAddAttributesLabel());
	createAttributes.setValue(false);

	geoDataContainer.add(createAttributes);
	return geoDataContainer;
}
 

LicenseDialog() {
	super();
	vp = new VerticalPanel();
	setWidget(vp);
	setText(sim.LS("License"));
	vp.setWidth("500px");
	vp.add(new HTML("<iframe style=\"border:0;\" src=\"help/license.html\" width=\"500\" height=\"400\" scrolling=\"auto\" frameborder=\"1\"></iframe>"));
	vp.add(okButton = new Button("OK"));
	okButton.addClickHandler(new ClickHandler() {
		public void onClick(ClickEvent event) {
			closeDialog();
		}
	});
	center();
	show();
}
 

private VerticalPanel getURLPanel() {
	final VerticalPanel vPanel = new VerticalPanel();
	vPanel.setWidth("100%");

	vPanel.add(new Label(UIMessages.INSTANCE.messageURLPanel()));

	urlTextField = new TextField();
	urlTextField.setBorders(true);
	urlTextField.setEmptyText("http://");
	urlTextField.setWidth(390);
	urlTextField.setAllowBlank(false);
	vPanel.add(urlTextField);

	return vPanel;
}
 

/**
 * Creates a new TrashProjectList
 */
public TrashProjectList() {
  projects = new ArrayList<Project>();
  selectedProjects = new ArrayList<Project>();
  projectWidgets = new HashMap<Project, ProjectWidgets>();

  sortField = SortField.DATE_MODIFIED;
  sortOrder = SortOrder.DESCENDING;

  // Initialize UI
  table = new Grid(1, 5); // The table initially contains just the header row.
  table.addStyleName("ode-ProjectTable");
  table.setWidth("100%");
  table.setCellSpacing(0);
  nameSortIndicator = new Label("");
  dateCreatedSortIndicator = new Label("");
  dateModifiedSortIndicator = new Label("");
  publishedSortIndicator = new Label("");
  refreshSortIndicators();
  setHeaderRow();

  VerticalPanel panel = new VerticalPanel();
  panel.setWidth("100%");

  panel.add(table);
  initWidget(panel);

  // It is important to listen to project manager events as soon as possible.
  Ode.getInstance().getProjectManager().addProjectManagerEventListener(this);

  gallery = GalleryClient.getInstance();
}
 

private void initializeGallery() {
  VerticalPanel gVertPanel = (VerticalPanel)deckPanel.getWidget(galleryTabIndex);
  gVertPanel.setWidth("100%");
  gVertPanel.setSpacing(0);
  galleryListToolbar = new GalleryToolbar();
  gVertPanel.add(galleryListToolbar);
  HorizontalPanel appListPanel = new HorizontalPanel();
  appListPanel.setWidth("100%");
  appListPanel.add(GalleryListBox.getGalleryListBox());
  gVertPanel.add(appListPanel);

  VerticalPanel aVertPanel = (VerticalPanel)deckPanel.getWidget(galleryAppTabIndex);
  aVertPanel.setWidth("100%");
  aVertPanel.setSpacing(0);
  galleryPageToolbar = new GalleryToolbar();
  aVertPanel.add(galleryPageToolbar);
  HorizontalPanel appPanel = new HorizontalPanel();
  appPanel.setWidth("100%");
  appPanel.add(GalleryAppBox.getGalleryAppBox());
  aVertPanel.add(appPanel);

  VerticalPanel mPVertPanel = (VerticalPanel)deckPanel.getWidget(moderationPageTabIndex);
  mPVertPanel.setWidth("100%");
  mPVertPanel.setSpacing(0);
  HorizontalPanel moderationPagePanel = new HorizontalPanel();
  moderationPagePanel.setWidth("100%");
  moderationPagePanel.add(ModerationPageBox.getModerationPageBox());
  mPVertPanel.add(moderationPagePanel);

  GalleryListBox.loadGalleryList();
  if (user.isModerator()) {
    ModerationPageBox.loadModerationPage();
  }
  PrivateUserProfileTabPanel.getPrivateUserProfileTabPanel().loadProfileImage();

  galleryInitialized = true;
}
 

/**
 * Creates a new ProjectList
 */
public ProjectList() {
  projects = new ArrayList<Project>();
  selectedProjects = new ArrayList<Project>();
  projectWidgets = new HashMap<Project, ProjectWidgets>();

  sortField = SortField.DATE_MODIFIED;
  sortOrder = SortOrder.DESCENDING;

  // Initialize UI
  table = new Grid(1, 5); // The table initially contains just the header row.
  table.addStyleName("ode-ProjectTable");
  table.setWidth("100%");
  table.setCellSpacing(0);
  nameSortIndicator = new Label("");
  dateCreatedSortIndicator = new Label("");
  dateModifiedSortIndicator = new Label("");
  publishedSortIndicator = new Label("");
  refreshSortIndicators();
  setHeaderRow();

  VerticalPanel panel = new VerticalPanel();
  panel.setWidth("100%");

  panel.add(table);
  initWidget(panel);

  // It is important to listen to project manager events as soon as possible.
  Ode.getInstance().getProjectManager().addProjectManagerEventListener(this);

  gallery = GalleryClient.getInstance();
}
 

/**
 * Creates a new GalleryList
 */
public GalleryList() {

  gallery = GalleryClient.getInstance();
  gallery.addListener(this);
  galleryGF = new GalleryGuiFactory();

  selectedApps = new ArrayList<GalleryApp>();

  // Initialize UI
  galleryGUI = new FlowPanel();
  galleryGUI.addStyleName("gallery");
  appTabs = new TabPanel();
  appRecent = new FlowPanel();
  appFeatured = new FlowPanel();
  appPopular = new FlowPanel();
  appSearch = new FlowPanel();
  appTutorial = new FlowPanel();
  appRecentContent = new FlowPanel();
  appFeaturedContent = new FlowPanel();
  appPopularContent = new FlowPanel();
  appSearchContent = new FlowPanel();
  appTutorialContent = new FlowPanel();
  searchText = new TextBox();

  // HTML segment for gallery typeface
  HTML headerExtra = new HTML(
      "<link href='http://fonts.googleapis.com/css?" +
      "family=Roboto:400,300,100' rel='stylesheet' type='text/css'>");
  galleryGUI.add(headerExtra);

  // Add content to panels
  appFeaturedTab = new GalleryAppTab(appFeatured, appFeaturedContent, REQUEST_FEATURED);
  appRecentTab = new GalleryAppTab(appRecent, appRecentContent, REQUEST_RECENT);
  appSearchTab = new GalleryAppTab(appSearch, appSearchContent, REQUEST_SEARCH);
  appPopularTab = new GalleryAppTab(appPopular, appPopularContent, REQUEST_MOSTLIKED);
  appTutorialTab = new GalleryAppTab(appTutorial, appTutorialContent, REQUEST_TUTORIAL);
  // don't think we need because in regular addgallerytab below

  // Add panels to main tabPanel
  appTabs.add(appRecent, "Recent");
  appTabs.add(appTutorial,"Tutorials");
  appTabs.add(appFeatured, "Featured");
  appTabs.add(appPopular, "Popular");
  appTabs.add(appSearch, "Search");
  appTabs.selectTab(0);
  appTabs.addStyleName("gallery-app-tabs");
  galleryGUI.add(appTabs);

  // Initialize top-level GUI
  VerticalPanel panel = new VerticalPanel();
  panel.setWidth("100%");
  panel.add(galleryGUI);

  initWidget(panel);
}
 

private HorizontalLayoutContainer createLayout() {
	HorizontalLayoutContainer mainContainer = new HorizontalLayoutContainer();
	String fieldWidth = "225px";

	// ----- Left Panel ----
	VerticalPanel layerDataContainer = new VerticalPanel();
	layerDataContainer.setWidth("250px");
	layerDataContainer.setSpacing(5);

	layerName = new TextField();
	layerName.setWidth(fieldWidth);
	layerName.setAllowBlank(false);
	layerDataContainer.add(new Label(UIMessages.INSTANCE
			.gdidLayerNameLabel()));
	layerDataContainer.add(layerName);

	projectionName = new ProjectionComboBox(fieldWidth);
	projectionName.setEmptyText(UIMessages.INSTANCE
			.asdAttributeComboEmptyText());
	layerDataContainer.add(new Label(UIMessages.INSTANCE
			.gdidProjectionLabel()));
	layerDataContainer.add(projectionName);

	Label padding = new Label("");
	padding.setHeight("75px");
	layerDataContainer.add(padding);

	vectorFormatCombo = new VectorFormatComboBox("120px",
			VectorFormat.getSupportedImportFormat());
	dataFormatField = new FieldLabel(vectorFormatCombo,
			UIMessages.INSTANCE.gdidDataFormatLabel());

	layerDataContainer.add(dataFormatField);
	dataFormatField.setVisible(false);

	// ----- Right Panel ----

	mainContainer.add(layerDataContainer);
	mainContainer.add(createTabPanel());

	return mainContainer;
}
 

/**
 * Creates a new property editor for selecting a Young Android asset.
 *
 * @param editor the editor that this property editor belongs to
 */
public YoungAndroidAssetSelectorPropertyEditor(final YaFormEditor editor) {
  Project project = Ode.getInstance().getProjectManager().getProject(editor.getProjectId());
  assetsFolder = ((YoungAndroidProjectNode) project.getRootNode()).getAssetsFolder();
  project.addProjectChangeListener(this);

  VerticalPanel selectorPanel = new VerticalPanel();
  assetsList = new ListBox();
  assetsList.setVisibleItemCount(10);
  assetsList.setWidth("100%");
  selectorPanel.add(assetsList);

  choices = new ListWithNone(MESSAGES.noneCaption(), new ListWithNone.ListBoxWrapper() {
    @Override
    public void addItem(String item) {
      assetsList.addItem(item);
    }

    @Override
    public String getItem(int index) {
      return assetsList.getItemText(index);
    }

    @Override
    public void removeItem(int index) {
      assetsList.removeItem(index);
    }

    @Override
    public void setSelectedIndex(int index) {
      assetsList.setSelectedIndex(index);
    }
  });

  // Fill choices with the assets.
  if (assetsFolder != null) {
    for (ProjectNode node : assetsFolder.getChildren()) {
      choices.addItem(node.getName());
    }
  }

  Button addButton = new Button(MESSAGES.addButton());
  addButton.setWidth("100%");
  addButton.addClickHandler(new ClickHandler() {
    @Override
    public void onClick(ClickEvent event) {
      FileUploadedCallback callback = new FileUploadedCallback() {
        @Override
        public void onFileUploaded(FolderNode folderNode, FileNode fileNode) {
          // At this point, the asset has been uploaded to the server, and
          // has even been added to the assetsFolder. We are all set!
          choices.selectValue(fileNode.getName());
          closeAdditionalChoiceDialog(true);
        }
      };
      FileUploadWizard uploader = new FileUploadWizard(assetsFolder, callback);
      uploader.show();
    }
  });
  selectorPanel.add(addButton);
  selectorPanel.setWidth("100%");

  // At this point, the editor hasn't finished loading.
  // Use a DeferredCommand to finish the initialization after the editor has finished loading.
  DeferredCommand.addCommand(new Command() {
    @Override
    public void execute() {
      if (editor.isLoadComplete()) {
        finishInitialization();
      } else {
        // Editor still hasn't finished loading.
        DeferredCommand.addCommand(this);
      }
    }
  });

  initAdditionalChoicePanel(selectorPanel);
}
 

/**
 * Creates a new property editor for selecting a component, where the
 * user chooses among components of one or more component types.
 *
 * @param editor the editor that this property editor belongs to
 * @param componentTypes types of component that can be selected, or null if
 *        all types of components can be selected.
 */
public YoungAndroidComponentSelectorPropertyEditor(final YaFormEditor editor,
    Set<String> componentTypes) {
  this.editor = editor;
  this.componentTypes = componentTypes;

  VerticalPanel selectorPanel = new VerticalPanel();
  componentsList = new ListBox();
  componentsList.setVisibleItemCount(10);
  componentsList.setWidth("100%");
  selectorPanel.add(componentsList);
  selectorPanel.setWidth("100%");

  choices = new ListWithNone(MESSAGES.noneCaption(), new ListWithNone.ListBoxWrapper() {
    @Override
    public void addItem(String item) {
      componentsList.addItem(item);
    }

    @Override
    public String getItem(int index) {
      return componentsList.getItemText(index);
    }

    @Override
    public void removeItem(int index) {
      componentsList.removeItem(index);
    }

    @Override
    public void setSelectedIndex(int index) {
      componentsList.setSelectedIndex(index);
    }
  });

  // At this point, the editor hasn't finished loading.
  // Use a DeferredCommand to finish the initialization after the editor has finished loading.
  DeferredCommand.addCommand(new Command() {
    @Override
    public void execute() {
      if (editor.isLoadComplete()) {
        finishInitialization();
      } else {
        // Editor still hasn't finished loading.
        DeferredCommand.addCommand(this);
      }
    }
  });

  initAdditionalChoicePanel(selectorPanel);
}
 

/**
 * ForumManager
 */
public ForumManager() {
	vPanel = new VerticalPanel();
	toolbar = new DashboardToolbarForum(this);

	// Forum
	forumHeaderTable = new FixedWidthFlexTable();
	forumDataTable = new FixedWidthGrid();
	forumTable = new ForumScrollTable(forumDataTable, forumHeaderTable, new TableImages(), this);
	forumTable.setCellSpacing(0);
	forumTable.setCellPadding(2);
	forumTable.setSize("740px", "140px");
	forumDataTable.removeStyleName("dataTable"); // removed to not show selected row

	// Level 1 headers
	forumHeaderTable.setHTML(0, 0, GeneralComunicator.i18nExtension("forum.title"));
	forumHeaderTable.setHTML(0, 1, GeneralComunicator.i18nExtension("forum.topic"));
	forumHeaderTable.setHTML(0, 2, GeneralComunicator.i18nExtension("forum.post"));
	forumHeaderTable.setHTML(0, 3, GeneralComunicator.i18nExtension("forum.last.post"));

	// Format
	forumTable.setColumnWidth(0, 500);
	forumTable.setColumnWidth(1, 80);
	forumTable.setColumnWidth(2, 80);
	forumTable.setColumnWidth(3, 170);

	forumTable.setPreferredColumnWidth(0, 500);
	forumTable.setPreferredColumnWidth(1, 80);
	forumTable.setPreferredColumnWidth(2, 80);
	forumTable.setPreferredColumnWidth(3, 170);

	forumTable.setColumnSortable(0, false);
	forumTable.setColumnSortable(1, false);
	forumTable.setColumnSortable(2, false);
	forumTable.setColumnSortable(3, false);


	// Topic
	topicHeaderTable = new FixedWidthFlexTable();
	topicDataTable = new FixedWidthGrid();
	topicTable = new TopicScrollTable(topicDataTable, topicHeaderTable, new TableImages(), this);
	topicTable.setCellSpacing(0);
	topicTable.setCellPadding(2);
	topicTable.setSize("740px", "140px");
	topicDataTable.removeStyleName("dataTable"); // removed to not show selected row

	// Level 1 headers
	topicHeaderTable.setHTML(0, 0, GeneralComunicator.i18nExtension("forum.topics"));
	topicHeaderTable.setHTML(0, 1, GeneralComunicator.i18nExtension("forum.replies"));
	topicHeaderTable.setHTML(0, 2, GeneralComunicator.i18nExtension("forum.views"));
	topicHeaderTable.setHTML(0, 3, GeneralComunicator.i18nExtension("forum.last.post"));

	// Format
	topicTable.setColumnWidth(0, 500);
	topicTable.setColumnWidth(1, 80);
	topicTable.setColumnWidth(2, 80);
	topicTable.setColumnWidth(3, 170);

	topicTable.setPreferredColumnWidth(0, 500);
	topicTable.setPreferredColumnWidth(1, 80);
	topicTable.setPreferredColumnWidth(2, 80);
	topicTable.setPreferredColumnWidth(3, 170);

	topicTable.setColumnSortable(0, false);
	topicTable.setColumnSortable(1, false);
	topicTable.setColumnSortable(2, false);
	topicTable.setColumnSortable(3, false);

	// Editors
	vPostPanel = new VerticalPanel();
	forumEditor = new ForumEditor(this);
	forumEditor.setStyleName("okm-Mail");
	postEditor = new PostEditor(this);
	postEditor.setStyleName("okm-Mail");
	post = new Post(this);
	scrollPanelPost = new ScrollPanel(vPostPanel);

	vPanel.add(toolbar); //always visible

	toolbar.setHeight("" + TOOLBAR_HEADER + "px");
	toolbar.setWidth("100%");
	vPanel.setCellHeight(toolbar, "" + TOOLBAR_HEADER + "px");

	vPostPanel.setWidth("100%");
	forumEditor.setWidth("100%");
	postEditor.setWidth("100%");

	initWidget(vPanel);
}
 

@Override
public void execute(final ProjectNode node) {
  final DialogBox dialogBox = new DialogBox();
  dialogBox.setText(node.getName());
  dialogBox.setStylePrimaryName("ode-DialogBox");

  //setting position of dialog box
  dialogBox.center();
  dialogBox.setAnimationEnabled(true);

  //button element
  final Button closeButton = new Button(MESSAGES.closeFilePreview());
  closeButton.getElement().setId("closeButton");
  closeButton.addClickHandler(new ClickHandler() {
      @Override
      public void onClick(ClickEvent event) {
        dialogBox.hide();
      }
    });

  HorizontalPanel buttonPanel = new HorizontalPanel();
  buttonPanel.setHorizontalAlignment(HorizontalPanel.ALIGN_CENTER);
  buttonPanel.setVerticalAlignment(HorizontalPanel.ALIGN_MIDDLE);
  buttonPanel.add(closeButton);

  VerticalPanel dialogPanel = new VerticalPanel();
  dialogPanel.setHorizontalAlignment(VerticalPanel.ALIGN_CENTER);
  dialogPanel.setVerticalAlignment(VerticalPanel.ALIGN_MIDDLE);

  Widget filePreview = generateFilePreview(node);
  dialogPanel.clear();
  dialogPanel.add(filePreview);

  dialogPanel.add(buttonPanel);
  dialogPanel.setWidth("300px");

  dialogBox.setGlassEnabled(false);
  dialogBox.setModal(false);

  // Set the contents of the Widget
  dialogBox.setWidget(dialogPanel);
  dialogBox.center();
  dialogBox.show();
}
 

@Override
public Widget createMainLayout() {
	SplitLayoutPanel splitLayout = new SplitLayoutPanel();


	StackLayoutPanel stack = new StackLayoutPanel(Unit.EM);
	stack.setStyleName("sp");
	ScrollPanel leftcrp = new ScrollPanel();
	leftcrp.setSize("100%", "100%");
	VerticalPanel vPanel = new VerticalPanel();
	vPanel.setWidth("100%");

	programTree = ProgramTreeLoader.load(AppController.email);
	datasetTree = DatasetTreeLoader.load(AppController.email);
	jobTree = JobTreeLoader.load(AppController.email);
	resultTree = new SearchTree();
	initTabPanel();
	DisclosurePanel distackleft = new DisclosureStackPanel("Search")
	.asWidget();
	searchGrid = new SearchGrid(programTree,datasetTree,jobTree,resultTree);
	distackleft.setContent(searchGrid);
	SimplePanel tabSimPanel = new SimplePanel();
	tabSimPanel.add(tabPanel);

	vPanel.add(tabSimPanel);
	vPanel.add(distackleft);
	leftcrp.add(vPanel);
	stack.add(leftcrp, "", 0);

	StackLayoutPanel stackright = new StackLayoutPanel(Unit.EM);
	stackright.setStyleName("sp");
	DisclosurePanel distackright1 = new DisclosureStackPanel(Constants.studioUIMsg.jobPanelTitle())
	.asWidget();
	DisclosurePanel distackright2 = new DisclosureStackPanel(Constants.studioUIMsg.modulePanelTitle())
	.asWidget();
	ScrollPanel scvp = new ScrollPanel();
	VerticalPanel verticalPanel = new VerticalPanel();
	verticalPanel.setWidth("100%");

	HorizontalPanel btnPanel = new HorizontalPanel();
	historyBtn.removeStyleName("gwt-Button");
	historyBtn.addStyleName("history-button-style");
	submitBtn.setEnabled( false );
	submitBtn.removeStyleName("gwt-Button");
	submitBtn.addStyleName("button-style");
	clearBtn.removeStyleName("gwt-Button");
	clearBtn.addStyleName("button-style");
	cloneBtn.removeStyleName("gwt-Button");
	cloneBtn.addStyleName("button-style");
	refreshBtn.removeStyleName("gwt-Button");
	refreshBtn.addStyleName("button-style");
	stopBtn.removeStyleName("gwt-Button");
	stopBtn.addStyleName("button-style");

	btnPanel.add(historyBtn);
	btnPanel.add(new HTML("  "));
	btnPanel.add(submitBtn);
	btnPanel.add(new HTML("  "));
	btnPanel.add(clearBtn);
	btnPanel.add(new HTML("  "));
	btnPanel.add(cloneBtn);
	btnPanel.add(new HTML("  "));
	btnPanel.add(stopBtn);
	btnPanel.add(new HTML("  "));
	btnPanel.add(refreshBtn);


	btnPanel2.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
	btnPanel2.add(btnPanel);
	btnPanel2.addStyleName("btnPanel");

	splitLayout.addWest(stack, 200);

	jobDescGrid = new MonitorJobDescGrid();

	distackright1.setContent(jobDescGrid);
	distackright2.setContent(propPanel);
	verticalPanel.add(distackright1);
	verticalPanel.add(distackright2);
	scvp.add(verticalPanel);
	stackright.add(scvp, "", 0);
	splitLayout.addEast(stackright, 287);

	// Use different controllers in different classes
	setController(new MonitorController(Constants.CONTROLLER_WIDTH,
			Constants.CONTROLLER_HEIGHT));
	rebuiltLayoutPanel(getController());
	splitLayout.add(layoutPanel);

	return splitLayout;
}