Accordion Panel by SectionStack (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.Overflow;
import com.smartgwt.client.types.VisibilityMode;
import com.smartgwt.client.widgets.Canvas;
import com.smartgwt.client.widgets.HTMLFlow;
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.SectionStack;
import com.smartgwt.client.widgets.layout.SectionStackSection;
import com.smartgwt.client.widgets.layout.VLayout;
public class Showcase implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(getViewPanel());
}
public Canvas getViewPanel() {
HTMLFlow htmlFlow = new HTMLFlow();
htmlFlow.setOverflow(Overflow.AUTO);
htmlFlow.setPadding(10);
String contents = "<b>Severity 1</b> - Critical problem<br>System is unavailable in production or " +
"is corrupting data, and the error severely impacts the user's operations." +
"<br><br><b>Severity 2</b> - Major problem<br>An important function of the system " +
"is not available in production, and the user's operations are restricted." +
"<br><br><b>Severity 3</b> - Minor problem<br>Inability to use a function of the " +
"system occurs, but it does not seriously affect the user's operations.";
htmlFlow.setContents(contents);
final SectionStack sectionStack = new SectionStack();
sectionStack.setVisibilityMode(VisibilityMode.MULTIPLE);
sectionStack.setWidth(300);
sectionStack.setHeight(350);
sectionStack.setBorder("2px solid #458B00");
SectionStackSection section1 = new SectionStackSection("Blue Pawn");
section1.setExpanded(true);
section1.addItem(new Img("pieces/48/pawn_blue.png", 48, 48));
sectionStack.addSection(section1);
SectionStackSection section2 = new SectionStackSection("HTML Flow");
section2.setExpanded(true);
section2.setCanCollapse(true);
section2.addItem(htmlFlow);
sectionStack.addSection(section2);
SectionStackSection section3 = new SectionStackSection("Green Pawn");
section3.setExpanded(true);
section3.setCanCollapse(false);
section3.addItem(new Img("pieces/48/pawn_green.png", 48, 48));
sectionStack.addSection(section3);
SectionStackSection section4 = new SectionStackSection("Yellow Piece");
section4.setExpanded(false);
section4.addItem(new Img("pieces/48/piece_yellow.png", 48, 48));
sectionStack.addSection(section4);
IButton expandButton = new IButton("Expand Blue");
expandButton.setWidth(150);
expandButton.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent event) {
sectionStack.expandSection(0);
}
});
IButton collapseButton = new IButton("Collapse Blue");
collapseButton.setWidth(150);
collapseButton.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent event) {
sectionStack.collapseSection(0);
}
});
HLayout layout = new HLayout();
layout.setMembersMargin(20);
layout.addMember(sectionStack);
VLayout buttons = new VLayout();
buttons.setMembersMargin(10);
buttons.addMember(expandButton);
buttons.addMember(collapseButton);
layout.addMember(buttons);
return layout;
}
}
SmartGWT.zip( 9,880 k)Related examples in the same category