[an error occurred while processing this directive]

Creating Tab Panel using GWT


This example describes the Basics for building the Tab Panel using GWT. The steps involved in Building the Tab Panel are described below:-

final Label label = new Label("Click the Tab below to view content")
Here we are declaring label. Label is a widget that contains text.

TabPanel tp = new TabPanel()
Here we are creating object of TabPanel class. TabPanel  is a panel that represents a tabbed set of pages, each of which contains another widget.

HTML index = new HTML("Tab you have selected is Index.")
Creating an object of class HTML named index. HTML is a widget that can contain arbitrary HTML.

tp.add(index, "Index ")
This is a method of Tab Panel class for adding a widget to the tab panel.

By this method we are adding label to the root panel. Root panel is a panel to which all other widgets must  be added. it is not created directly.


package org.yournamehere.client;

import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.TabPanel;
import com.google.gwt.user.client.ui.RootPanel;

public class TabPanelEx {

    public void onModuleLoad() {
        final Label label = new Label("Click the Tab below to view content");
        final Label label1 = new Label("                                   ");
        TabPanel tp = new TabPanel();
        HTML index1 = new HTML("");
        HTML index = new HTML("Tab you have selected is Index.");
        tp.add(index, "Index         ");

        HTML homeText = new HTML("Tab you have selected is Home.");
        tp.add(homeText, "   Home  ");

        HTML moreInfo = new HTML("Tab you have selected is MoreInfo.");
        tp.add(moreInfo, "      MoreInfo  ");




<?xml version="1.0" encoding="UTF-8"?>
  <inherits name="com.google.gwt.user.User"/>
  <entry-point class="org.yournamehere.client.TabPanelEx"/>

Output of the program

Download sourcecode


[an error occurred while processing this directive]