Tab orientation (Smart GWT) : Tab « GWT « Java






Tab orientation (Smart GWT)

Tab orientation (Smart GWT)
   
/*
 * SmartGWT (GWT for SmartClient)
 * Copyright 2008 and beyond, Isomorphic Software, Inc.
 *
 * SmartGWT is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License version 3
 * as published by the Free Software Foundation.  SmartGWT is also
 * available under typical commercial license terms - see
 * http://smartclient.com/license
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 */
package com.smartgwt.sample.showcase.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.smartgwt.client.types.Side;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.IButton;
import com.smartgwt.client.widgets.Img;
import com.smartgwt.client.widgets.events.ClickEvent;
import com.smartgwt.client.widgets.events.ClickHandler;
import com.smartgwt.client.widgets.layout.HLayout;
import com.smartgwt.client.widgets.layout.VLayout;
import com.smartgwt.client.widgets.tab.Tab;
import com.smartgwt.client.widgets.tab.TabSet;

public class Showcase implements EntryPoint {

  public void onModuleLoad() {
    RootPanel.get().add(getViewPanel());
  }

  public Canvas getViewPanel() {
    final TabSet topTabSet = new TabSet();
    topTabSet.setTabBarPosition(Side.TOP);
    topTabSet.setWidth(400);
    topTabSet.setHeight(200);

    Tab tTab1 = new Tab("Blue", "pieces/16/pawn_blue.png");
    Img tImg1 = new Img("pieces/48/pawn_blue.png", 48, 48);
    tTab1.setPane(tImg1);

    Tab tTab2 = new Tab("Green", "pieces/16/pawn_green.png");
    Img tImg2 = new Img("pieces/48/pawn_green.png", 48, 48);
    tTab2.setPane(tImg2);

    topTabSet.addTab(tTab1);
    topTabSet.addTab(tTab2);

    final TabSet leftTabSet = new TabSet();
    leftTabSet.setTabBarPosition(Side.LEFT);
    leftTabSet.setWidth(400);
    leftTabSet.setHeight(200);

    Tab lTab1 = new Tab();
    lTab1.setIcon("pieces/16/pawn_blue.png");
    Img lImg1 = new Img("pieces/48/pawn_blue.png", 48, 48);
    lTab1.setPane(lImg1);

    Tab lTab2 = new Tab();
    lTab2.setIcon("pieces/16/pawn_green.png");
    Img lImg2 = new Img("pieces/48/pawn_green.png", 48, 48);
    lTab2.setPane(lImg2);

    leftTabSet.addTab(lTab1);
    leftTabSet.addTab(lTab2);

    HLayout buttons = new HLayout();
    buttons.setMembersMargin(15);

    IButton blueButton = new IButton("Select Blue");
    blueButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            topTabSet.selectTab(0);
            leftTabSet.selectTab(0);
        }
    });

    IButton greeButton = new IButton("Select Green");
    greeButton.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            topTabSet.selectTab(1);
            leftTabSet.selectTab(1);
        }
    });
    
    buttons.addMember(greeButton);
    buttons.addMember(blueButton);

    VLayout vLayout = new VLayout();
    vLayout.setMembersMargin(15);
    vLayout.addMember(topTabSet);
    vLayout.addMember(buttons);
    vLayout.addMember(leftTabSet);
    vLayout.setHeight("auto");

    return vLayout;
  }

}

   
    
    
  








SmartGWT.zip( 9,880 k)

Related examples in the same category

1.Set tab alignment (Smart GWT)Set tab alignment (Smart GWT)
2.Add a tab, remove a tab (Smart GWT)Add a tab, remove a tab (Smart GWT)
3.Closable tab (Smart GWT)Closable tab (Smart GWT)
4.Tabs Custom Control Sample (Smart GWT)Tabs Custom Control Sample (Smart GWT)
5.Change Tab title dynamically (Smart GWT)Change Tab title dynamically (Smart GWT)
6.Add controls to Tab page (Smart GWT)Add controls to Tab page (Smart GWT)
7.Set URL view for Tab (Smart GWT)Set URL view for Tab (Smart GWT)
8.Scrollable tab header line (Smart GWT)Scrollable tab header line (Smart GWT)
9.Basic Focus Tabbing Sample (Smart GWT)Basic Focus Tabbing Sample (Smart GWT)
10.Using tab to hold form (Smart GWT)Using tab to hold form (Smart GWT)
11.Click on the resizebar next to the Navigation tree to hide it (Smart GWT)Click on the resizebar next to the Navigation tree to hide it (Smart GWT)
12.Adding text to tab panel (Ext GWT)Adding text to tab panel (Ext GWT)
13.Adding Autoload ajax content to tab panel (Ext GWT)Adding Autoload ajax content to tab panel (Ext GWT)
14.Listen to tab selection event (Ext GWT)Listen to tab selection event (Ext GWT)
15.Adding icon to tab bar (Ext GWT)Adding icon to tab bar (Ext GWT)
16.Diable a tab item (Ext GWT)Diable a tab item (Ext GWT)
17.Using VerticalPanel to hold tab panel (Ext GWT)Using VerticalPanel to hold tab panel (Ext GWT)
18.Adding HTML content to a tab panel (Ext GWT)Adding HTML content to a tab panel (Ext GWT)
19.Adding new tab dynamically (Ext GWT)Adding new tab dynamically (Ext GWT)
20.Closable tab (Ext GWT)Closable tab (Ext GWT)
21.Enable tab context menu (Ext GWT)Enable tab context menu (Ext GWT)
22.Make tab scrollable (Ext GWT)Make tab scrollable (Ext GWT)
23.Set selected tab (Ext GWT)Set selected tab (Ext GWT)
24.Tabbed Form (Ext GWT)Tabbed Form (Ext GWT)