Examples of com.extjs.gxt.ui.client.widget.layout.AccordionLayout

Package com.extjs.gxt.ui.client.widget.layout

Examples of com.extjs.gxt.ui.client.widget.layout.AccordionLayout

com.extjs.gxt.ui.client.widget.layout.AccordionLayout
This is a layout that contains multiple content panels in an expandable accordion style such that only one panel can be open at any given time.
Child Widgets are:
- Sized : Yes - default expands to fill parent container.
- Positioned : No - widgets are located at 0,0.
Note: All children added to the container must be ContentPanel instances.


    item = new Button();
    item.setIcon(IconHelper.createStyle("icon-user-delete"));
    toolBar.add(item);


    w.setLayout(new AccordionLayout());


    ContentPanel cp = new ContentPanel();
    cp.setAnimCollapse(false);
    cp.setHeading("Online Users");
    cp.setScrollMode(Scroll.AUTO);

View Full Code Here

    BorderLayoutData data = new BorderLayoutData(LayoutRegion.WEST, 200, 150, 350);
    data.setMargins(new Margins(5, 0, 5, 5));


    west = new ContentPanel();
    west.setBodyBorder(false);
    west.setLayout(new AccordionLayout());
    west.setLayoutOnChange(true);
    west.setHeading("GXT Mail Demo");


    viewport.add(west, data);
  }

View Full Code Here

    item = new Button();
    item.setIcon(Resources.ICONS.user_delete());
    toolBar.add(item);


    complex.setIcon(Resources.ICONS.accordion());
    complex.setLayout(new AccordionLayout());


    ContentPanel cp = new ContentPanel();
    cp.setAnimCollapse(false);
    cp.setHeading("Online Users");
    cp.setLayout(new FitLayout());

View Full Code Here

    BorderLayoutData northData = new BorderLayoutData(LayoutRegion.NORTH, 30);


    ContentPanel west = new ContentPanel();
    west.setBodyBorder(false);
    west.setHeading("West");
    west.setLayout(new AccordionLayout());


    ContentPanel nav = new ContentPanel();
    nav.setHeading("Navigation");
    nav.setBorders(false);
    nav.setBodyStyle("fontSize: 12px; padding: 6px");

View Full Code Here


    ContentPanel panel = new ContentPanel();
    panel.setHeading("AccordionLayout");
    panel.setBodyBorder(false);


    panel.setLayout(new AccordionLayout());
    panel.setIcon(Resources.ICONS.accordion());


    ContentPanel cp = new ContentPanel();
    cp.setAnimCollapse(false);
    cp.setHeading("Online Users");

View Full Code Here

    viewpanel.getState().put("expanded", true);
    viewpanel.saveState();
    viewpanel.setHeading(constants.navigator());    
    viewpanel.setLayoutOnChange(true);
    viewpanel.setMonitorWindowResize(true);
    viewpanel.setLayout(new AccordionLayout());
    viewpanel.getLayout().setExtraStyle("wpalo-overview");
    viewpanel.setExpanded(true);
    viewport.add(viewpanel, data);
  }

View Full Code Here

TOP

Related Classes of com.extjs.gxt.ui.client.widget.layout.AccordionLayout

com.extjs.gxt.samples.client.examples.layouts.AccordionLayoutExample

com.extjs.gxt.samples.client.examples.portal.PortalExample

com.extjs.gxt.samples.client.examples.windows.AccordionWindowExample

com.extjs.gxt.samples.desktop.client.DesktopApp

com.extjs.gxt.samples.mail.client.mvc.AppView

com.extjs.gxt.ui.client.widget.ContentPanel

com.google.gwt.user.client.Command

com.tensegrity.wpalo.client.ui.window.AbstractTopLevelView

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.