Examples of com.google.gwt.user.client.ui.TabLayoutPanel

com.google.gwt.user.client.ui.TabLayoutPanel
A panel that represents a tabbed set of pages, each of which contains another widget. Its child widgets are shown as the user selects the various tabs associated with them. The tabs can contain arbitrary text, HTML, or widgets.
This widget will only work in standards mode, which requires that the HTML page in which it is run have an explicit <!DOCTYPE> declaration.

CSS Style Rules

.gwt-TabLayoutPanel
the panel itself
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs
the tab bar element
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab
an individual tab
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabInner
an element nested in each tab (useful for styling)
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent
applied to all child content widgets

Example
{@example com.google.gwt.examples.TabLayoutPanelExample}
Use in UiBinder Templates

A TabLayoutPanel element in a {@link com.google.gwt.uibinder.client.UiBinder UiBinder} template must have a barHeight attribute with a doublevalue, and may have a barUnit attribute with a {@link com.google.gwt.dom.client.Style.Unit Style.Unit} value.barUnit defaults to PX.
The children of a TabLayoutPanel element are laid out in <g:tab> elements. Each tab can have one widget child and one of two types of header elements. A <g:header> element can hold html, or a <g:customHeader> element can hold a widget. (Note that the tags of the header elements are not capitalized. This is meant to signal that the head is not a runtime object, and so cannot have a ui:field attribute.)
For example:
```
 <g:TabLayoutPanel barUnit='EM' barHeight='3'> <g:tab> <g:header size='7'><b>HTML</b> header</g:header> <g:Label>able</g:Label> </g:tab> <g:tab> <g:customHeader size='7'> <g:Label>Custom header</g:Label> </g:customHeader> <g:Label>baker</g:Label> </g:tab> </g:TabLayoutPanel> 
```

    private JMSEditor jmsEditor;


    @Override
    public Widget createWidget() {


        TabLayoutPanel tabLayoutpanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutpanel.addStyleName("default-tabpanel");


        providerEditor = new MessagingProviderEditor(presenter);
        jmsEditor = new JMSEditor(presenter);


        tabLayoutpanel.add(jmsEditor.asWidget(), "JMS");
        tabLayoutpanel.add(providerEditor.asWidget(), "Messaging Provider");


        tabLayoutpanel.selectTab(0);


        return tabLayoutpanel;
    }

View Full Code Here


        // nav
        Navigation nav = new Navigation(samples);


        // tabs
        content = new TabLayoutPanel(25, Style.Unit.PX);
        content.addStyleName("default-tabpanel");


        showSample(selectedId);


        // assembly

View Full Code Here


    @Override
    public Widget createWidget() {
        sessionBeanEditor = new SessionBeanEditor(presenter);


        TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutPanel.addStyleName("default-tabpanel");


        tabLayoutPanel.add(sessionBeanEditor.asWidget(), "Session");
        tabLayoutPanel.selectTab(0);


        return tabLayoutPanel;
    }

View Full Code Here

    @Override
    public Widget createWidget() {
        frameworkEditor = new FrameworkEditor(presenter);
        configAdminEditor = new ConfigAdminEditor(presenter);


        TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutPanel.addStyleName("default-tabpanel");


        tabLayoutPanel.add(frameworkEditor.asWidget(), Console.CONSTANTS.subsys_osgi_framework());
        tabLayoutPanel.add(configAdminEditor.asWidget(), Console.CONSTANTS.subsys_osgi_configAdmin());


        tabLayoutPanel.selectTab(0);


        return tabLayoutPanel;
    }

View Full Code Here


    @Override
    public Widget createWidget() {
        messageDrivenBeanEditor = new MessageDrivenBeanEditor(presenter);


        TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutPanel.addStyleName("default-tabpanel");


        tabLayoutPanel.add(messageDrivenBeanEditor.asWidget(), "MDB");
        tabLayoutPanel.selectTab(0);


        return tabLayoutPanel;
    }

View Full Code Here

            }


            String unit = (String) attributes.get("unit");
            Unit styleUnit = unit != null ? Unit.valueOf(unit) : Unit.PX;


            return new TabLayoutPanel(Double.valueOf(barHeight), styleUnit);
         }


         // use default instanciation system
         return super.instanciate(clazz, attributes, owner);
      }

View Full Code Here

    @Override
    public Widget createWidget() {
        frameworkEditor = new FrameworkEditor(presenter);
        configAdminEditor = new ConfigAdminEditor(presenter);


        TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutPanel.addStyleName("default-tabpanel");


        tabLayoutPanel.add(frameworkEditor.asWidget(), Console.CONSTANTS.subsys_osgi_framework());
        tabLayoutPanel.add(configAdminEditor.asWidget(), Console.CONSTANTS.subsys_osgi_configAdmin());


        tabLayoutPanel.selectTab(0);


        return tabLayoutPanel;
    }

View Full Code Here

        bundles = new BundleRuntimeView(propertyMetaData, dispatcher);
    }


    @Override
    public Widget createWidget() {
        TabLayoutPanel tabLayoutpanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutpanel.addStyleName("default-tabpanel");


        tabLayoutpanel.add(framework.asWidget(), framework.getEntityDisplayName());
        tabLayoutpanel.add(bundles.asWidget(), bundles.getEntityDisplayName());
        tabLayoutpanel.selectTab(1);


        return tabLayoutpanel;
    }

View Full Code Here

    }


    @Override
    public Widget createWidget() {
        // overall layout
        TabLayoutPanel tabLayoutPanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutPanel.addStyleName("default-tabpanel");


        tabLayoutPanel.add(createEmbeddableWidget(), getEntityDisplayName());
        tabLayoutPanel.add(servicesView.asWidget(), Console.CONSTANTS.subsys_ejb3_services());
        tabLayoutPanel.add(beanPoolsView.asWidget(), beanPoolsView.getEntityDisplayName());
        tabLayoutPanel.add(threadPoolsView.asWidget(), threadPoolsView.getEntityDisplayName());




        return tabLayoutPanel;
    }

View Full Code Here

    public Widget createWidget() {


        this.dataSourceEditor = new DataSourceEditor(presenter);
        this.xaDataSourceEditor = new XADataSourceEditor(presenter);


        TabLayoutPanel tabLayoutpanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutpanel.addStyleName("default-tabpanel");




        tabLayoutpanel.add(dataSourceEditor.asWidget(), Console.CONSTANTS.subsys_jca_dataSources());
        tabLayoutpanel.add(xaDataSourceEditor.asWidget(), Console.CONSTANTS.subsys_jca_dataSourcesXA());


        tabLayoutpanel.selectTab(0);


        return tabLayoutpanel;
    }

View Full Code Here

0 1 2 3 4

TOP

Related Classes of com.google.gwt.user.client.ui.TabLayoutPanel

ca.nanometrics.gflot.sample.client.GFlotSample

com.alkacon.geranium.client.ui.TabbedPanel

com.google.gwt.dom.client.Element

com.google.gwt.event.dom.client.ClickHandler

com.google.gwt.examples.TabLayoutPanelExample

com.google.gwt.gadgets.sample.traveler.client.TravelerGadget

com.googlecode.gwt.test.uibinder.widget.UiTabLayoutPanelTagFactory$UiTabLayoutPanelTag

com.piki.client.view.WikiPageViewImpl

com.ponysdk.ui.terminal.ui.PTTabLayoutPanel

com.proyecto.miniplan.client.MiniPlan

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.

Examples of com.google.gwt.user.client.ui.TabLayoutPanel

CSS Style Rules

Example

Use in UiBinder Templates

Related Classes of com.google.gwt.user.client.ui.TabLayoutPanel