Examples of TabLayoutPanel

com.cedarsolutions.client.gwt.custom.tab.TabLayoutPanel
s.google.com/group/google-web-toolkit/browse_thread/thread/f86bd3c0ca3ac212">Google Groups and StackOverflow.

Original Documentation

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

Use in UiBinder Templates

A TabLayoutPanel element in a UiBinder template must have a barHeight attribute with a double value, 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> 
```
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> 
```

Examples of com.cedarsolutions.client.gwt.custom.tab.TabLayoutPanel

    }


    /** Test setContext(). */
    public void testSetContext() {
        ConcreteModuleTabView view = new ConcreteModuleTabView();
        TabLayoutPanel parentPanel = new TabLayoutPanel(10, Unit.CM);
        view.setContext(parentPanel, 1);
        assertSame(parentPanel, view.getParentPanel());
        assertEquals(1, view.getTabIndex());
        // unfortunately, can't verify that the selection handler was set properly
    }

View Full Code Here

Examples of com.cedarsolutions.client.gwt.custom.tab.TabLayoutPanel

    public void testSelectionHandler() {
        Handler initHandler = new Handler();
        Handler selectedHandler = new Handler();


        ConcreteModuleTabView view = new ConcreteModuleTabView();
        TabLayoutPanel parentPanel = new TabLayoutPanel(10, Unit.CM);
        view.setContext(parentPanel, 1);
        view.setInitializationEventHandler(initHandler);
        view.setSelectedEventHandler(selectedHandler);


        SelectionHandler handler = new SelectionHandler(view);

View Full Code Here

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

  @Override
  protected TabLayoutPanel onInitialize() {
    
    final WikiPagePresenterCallback callback = getPresenterCallback();
    
    deckPanel = new TabLayoutPanel(2.5, Unit.EM);
    deckPanel.setStyleName(STYLE_NAME);
    
    // add panels
    deckPanel.add(decorateWidget(createReadPanel()), "Lesen");
    deckPanel.add(decorateWidget(createEditPanel()), "Bearbeiten");

View Full Code Here

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

    @Override
    public Widget createWidget() {
        loggingEditor = new LoggerEditor(presenter);
        handlerEditor = new HandlerEditor(presenter);
        
        TabLayoutPanel tabLayoutpanel = new TabLayoutPanel(25, Style.Unit.PX);
        tabLayoutpanel.addStyleName("default-tabpanel");
        
        tabLayoutpanel.add(loggingEditor.asWidget(), "Logger");
        tabLayoutpanel.add(handlerEditor.asWidget(), Console.CONSTANTS.subsys_logging_handlers());


        return tabLayoutpanel;
    }

View Full Code Here

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

  public XBRLContentWidget() {
    /*DecoratorPanel decorPanel = new DecoratorPanel();
    decorPanel.setWidth("100%");
    decorPanel.setHeight("100%");*/
    //
    TabLayoutPanel tabPanel = new TabLayoutPanel(2.5, Unit.EM);
    tabPanel.setAnimationDuration(1000);
    tabPanel.getElement().getStyle().setMarginBottom(10.0, Unit.PX);
    
    SimplePanel rawDataPanel = new SimplePanel();
    TextArea rawData = new TextArea();
    rawData.setText("The raw XML data will display here.");
    rawDataPanel.add(rawData);
    tabPanel.add(rawDataPanel, "Raw XML");
    
    tabPanel.add(new SimplePanel(), "Interactive data");
    //decorPanel.add(tabPanel);
    initWidget(tabPanel);
  }

View Full Code Here

Examples of com.google.gwt.user.client.ui.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

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

  final TabLayoutPanel panel;
  private final ReadServiceAsync readService;
  private final LocalizedMessages constants;


  public ContentView(final ReadServiceAsync readService, final ReportServiceAsync reportService, final LocalizedMessages constants) {
    initWidget(panel = new TabLayoutPanel(25, Unit.PX));
    
    this.readService = readService;
    this.constants = constants;


    panel.addStyleName("with_margin");

View Full Code Here

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

        samples.add( example );
    }


    public void onModuleLoad()
    {
        tabPanel = new TabLayoutPanel( 30, Unit.PX );


        addExamples();


        tabPanel.addSelectionHandler( new SelectionHandler<Integer>()
        {

View Full Code Here

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

    friendsTab.addNorth(browser, FRIENDS_DOCK_HEIGHT);
    friendsTab.add(friendsMap);


    // Building top level panel


    final TabLayoutPanel tabs = new TabLayoutPanel(1.5, Unit.EM);
    tabs.add(personalMap, "My Map");
    tabs.add(friendsTab, "Friends");
    tabs.setSize("100%", "100%");
    tabs.addSelectionHandler(new SelectionHandler<Integer>() {
      public void onSelection(SelectionEvent<Integer> event) {
        Widget widget = tabs.getWidget(event.getSelectedItem());
        if (widget instanceof RequiresResize) {
          ((RequiresResize) widget).onResize();
        }
      }
    });

View Full Code Here

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

     * 
     * @param tabbedPanelStyle the pre-defined height of the tabbar, can be "small" or "standard"      
     */
    public TabbedPanel(TabbedPanelStyle tabbedPanelStyle) {


        m_tabPanel = new TabLayoutPanel(tabbedPanelStyle.getBarHeight(), Unit.PX);
        m_panelStyle = tabbedPanelStyle;


        // All composites must call initWidget() in their constructors.
        initWidget(m_tabPanel);

View Full Code Here

0 1 2 3 4

TOP

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 TabLayoutPanel

Original Documentation

CSS Style Rules

Use in UiBinder Templates

CSS Style Rules

Example

Use in UiBinder Templates

Examples of com.cedarsolutions.client.gwt.custom.tab.TabLayoutPanel

Examples of com.cedarsolutions.client.gwt.custom.tab.TabLayoutPanel

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

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

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

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

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

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

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

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