gwt.material.design.client.ui

Class MaterialCollapsible

java.lang.Object

com.google.gwt.user.client.ui.UIObject

com.google.gwt.user.client.ui.Widget

com.google.gwt.user.client.ui.Panel

com.google.gwt.user.client.ui.ComplexPanel

gwt.material.design.client.base.MaterialWidget

gwt.material.design.client.ui.MaterialCollapsible

All Implemented Interfaces:

com.google.gwt.event.dom.client.HasAllFocusHandlers, com.google.gwt.event.dom.client.HasAllGestureHandlers, com.google.gwt.event.dom.client.HasAllKeyHandlers, com.google.gwt.event.dom.client.HasAllMouseHandlers, com.google.gwt.event.dom.client.HasAllTouchHandlers, com.google.gwt.event.dom.client.HasBlurHandlers, com.google.gwt.event.dom.client.HasClickHandlers, com.google.gwt.event.dom.client.HasDoubleClickHandlers, com.google.gwt.event.dom.client.HasFocusHandlers, com.google.gwt.event.dom.client.HasGestureChangeHandlers, com.google.gwt.event.dom.client.HasGestureEndHandlers, com.google.gwt.event.dom.client.HasGestureStartHandlers, com.google.gwt.event.dom.client.HasKeyDownHandlers, com.google.gwt.event.dom.client.HasKeyPressHandlers, com.google.gwt.event.dom.client.HasKeyUpHandlers, com.google.gwt.event.dom.client.HasMouseDownHandlers, com.google.gwt.event.dom.client.HasMouseMoveHandlers, com.google.gwt.event.dom.client.HasMouseOutHandlers, com.google.gwt.event.dom.client.HasMouseOverHandlers, com.google.gwt.event.dom.client.HasMouseUpHandlers, com.google.gwt.event.dom.client.HasMouseWheelHandlers, com.google.gwt.event.dom.client.HasTouchCancelHandlers, com.google.gwt.event.dom.client.HasTouchEndHandlers, com.google.gwt.event.dom.client.HasTouchMoveHandlers, com.google.gwt.event.dom.client.HasTouchStartHandlers, com.google.gwt.event.logical.shared.HasAttachHandlers, com.google.gwt.event.shared.HasHandlers, com.google.gwt.user.client.EventListener, com.google.gwt.user.client.ui.Focusable, com.google.gwt.user.client.ui.HasEnabled, com.google.gwt.user.client.ui.HasVisibility, com.google.gwt.user.client.ui.HasWidgets, com.google.gwt.user.client.ui.HasWidgets.ForIsWidget, com.google.gwt.user.client.ui.IndexedPanel, com.google.gwt.user.client.ui.IndexedPanel.ForIsWidget, com.google.gwt.user.client.ui.IsWidget, HasActiveParent, HasAllDragAndDropHandlers, HasBorder, HasCenterOn, HasCircle, HasClearActiveHandler, HasColors, HasDataAttributes, HasDepth, HasDimension, HasDraggableHandlers, HasDroppableHandlers, HasFlexbox, HasFloat, HasFontSize, HasFontWeight, HasGrid, HasHideOn, HasHoverable, HasId, HasInitialClasses, HasInlineStyle, HasInteractionHandlers, HasNoSideNavSelection, HasOpacity, HasOrientation, HasOrientationChangeHandler, HasReload, HasScrollspy, HasSelectables, HasSeparator, HasShadow, HasShowOn, HasTextAlign, HasTooltip, HasTransform, HasType<CollapsibleType>, HasVerticalAlign, HasWaves, JsLoader, Iterable<com.google.gwt.user.client.ui.Widget>

public class MaterialCollapsible
extends MaterialWidget
implements JsLoader, HasType<CollapsibleType>, HasActiveParent, HasNoSideNavSelection, HasClearActiveHandler

Collapsible are accordion elements that expand when clicked on. They allow you to hide content that is not immediately relevant to the user.

UiBinder Usage:

 
 // Accordion
 <m:MaterialCollapsible accordion="true" grid="s12 m6 l8">
   <!-- ITEM 1 -->
   <m:MaterialCollapsibleItem>
     <m:MaterialCollapsibleHeader>
       <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
     </m:MaterialCollapsibleHeader>
     <m:MaterialCollapsibleBody>
       <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
     </m:MaterialCollapsibleBody>
   </m:MaterialCollapsibleItem>
 </m:MaterialCollapsible>

 // Expandable
 <m:MaterialCollapsible accordion="false" grid="s12 m6 l8">
   <!-- ITEM 1 -->
   <m:MaterialCollapsibleItem>
     <m:MaterialCollapsibleHeader>
       <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
     </m:MaterialCollapsibleHeader>
     <m:MaterialCollapsibleBody>
       <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
     </m:MaterialCollapsibleBody>
   </m:MaterialCollapsibleItem>
 </m:MaterialCollapsible>

 // Popout
 <m:MaterialCollapsible type="POPOUT" grid="s12 m6 l8">
   <!-- ITEM 1 -->
     <m:MaterialCollapsibleItem>
     <m:MaterialCollapsibleHeader>
       <m:MaterialLink text="First" iconType="POLYMER" iconPosition="LEFT" textColor="BLACK"/>
     </m:MaterialCollapsibleHeader>
     <m:MaterialCollapsibleBody>
       <m:MaterialLabel text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."/>
     </m:MaterialCollapsibleBody>
   </m:MaterialCollapsibleItem>
 </m:MaterialCollapsible>
 
 

Author:

kevzlou7979, Ben Dol

See Also:

Material Collapsibles, Material Design Specification

Nested Class Summary

Nested Classes

Modifier and Type	Class and Description
protected static interface	MaterialCollapsible.HasCollapsibleParent

Nested classes/interfaces inherited from class gwt.material.design.client.base.MaterialWidget

MaterialWidget.Feature

Nested classes/interfaces inherited from class com.google.gwt.user.client.ui.UIObject

com.google.gwt.user.client.ui.UIObject.DebugIdImpl, com.google.gwt.user.client.ui.UIObject.DebugIdImplEnabled

Nested classes/interfaces inherited from interface com.google.gwt.user.client.ui.IndexedPanel

com.google.gwt.user.client.ui.IndexedPanel.ForIsWidget

Nested classes/interfaces inherited from interface com.google.gwt.user.client.ui.HasWidgets

com.google.gwt.user.client.ui.HasWidgets.ForIsWidget

Field Summary

Fields inherited from class gwt.material.design.client.base.MaterialWidget

$this

Fields inherited from class com.google.gwt.user.client.ui.UIObject

DEBUG_ID_PREFIX

Constructor Summary

Constructors

Constructor and Description
MaterialCollapsible()
MaterialCollapsible(MaterialCollapsibleItem... widgets)

Method Summary

Modifier and Type	Method and Description
void	add(com.google.gwt.user.client.ui.Widget child)
com.google.gwt.event.shared.HandlerRegistration	addClearActiveHandler(ClearActiveEvent.ClearActiveHandler handler) Fires when active state has been cleared to all children.
void	clearActive()
void	close(int index) Close the given collapsible item.
void	closeAll() Close all the collapsible items.
protected void	collapsible(com.google.gwt.dom.client.Element e)
com.google.gwt.user.client.ui.Widget	getActive() Get currently the active widget of it's parent
CollapsibleType	getType() Gets the type of the widget.
protected CssTypeMixin<CollapsibleType,MaterialCollapsible>	getTypeMixin()
boolean	isAccordion() Is the collapsible an 'accordion' type.
void	load()
protected void	onLoad()
void	open(int index) Open the given collapsible item.
void	reload()
boolean	remove(com.google.gwt.user.client.ui.Widget w)
void	setAccordion(boolean accordion) Configure if you want this collapsible container to accordion its child elements or use expandable.
void	setActive(int index) Providing the one-based index of the parent widget to mark as active.
void	setActive(int index, boolean active) Providing the active value and one-based index of the parent widget to mark as active.
void	setEnabled(boolean enabled)
void	setType(CollapsibleType type) Sets the type on the widget
void	unload()

Methods inherited from class gwt.material.design.client.base.MaterialWidget

$this, add, addAttachHandler, addBlurHandler, addClickHandler, addDoubleClickHandler, addDragEndHandler, addDragEnterHandler, addDragLeaveHandler, addDragMoveHandler, addDragOverHandler, addDragStartHandler, addDropActivateHandler, addDropDeactivateHandler, addDropHandler, addFocusHandler, addGestureChangeHandler, addGestureEndHandler, addGestureStartHandler, addKeyDownHandler, addKeyPressHandler, addKeyUpHandler, addMouseDownHandler, addMouseMoveHandler, addMouseOutHandler, addMouseOverHandler, addMouseUpHandler, addMouseWheelHandler, addOrientationChangeHandler, addTouchCancelHandler, addTouchEndHandler, addTouchMoveHandler, addTouchStartHandler, body, clearActiveClass, enableFeature, getBackfaceVisibility, getBackgroundColor, getBorder, getBorderBottom, getBorderLeft, getBorderMixin, getBorderRadius, getBorderRight, getBorderTop, getCenterOn, getCenterOnMixin, getChildren, getChildrenList, getCircleMixin, getColorsMixin, getDataAttribute, getDepth, getDimensionMixin, getEnabledMixin, getFlexboxMixin, getFloat, getFloatMixin, getFocusableMixin, getFontSize, getFontSizeMixin, getFontWeight, getFontWeightMixin, getGridMixin, getHandlerRegistry, getHideOn, getHideOnMixin, getHoverableMixin, getId, getIdMixin, getInitialClasses, getLayoutPosition, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getOpacity, getOrientation, getOrientationMixin, getPerspective, getPerspectiveOrigin, getScrollspy, getScrollspyMixin, getSeparatorMixin, getShadow, getShadowMixin, getShowOn, getShowOnMixin, getTabIndex, getTextAlign, getTextAlignMixin, getTextColor, getTooltip, getTooltipDelayMs, getTooltipHTML, getTooltipMixin, getTooltipPosition, getTransform, getTransformMixin, getTransformOrigin, getTransformStyle, getTruncateMixin, getVerticalAlign, getVerticalAlignMixin, getWaves, getWavesMixin, getWidth, insert, insert, isCircle, isDetectOrientation, isEnabled, isFeatureEnabled, isHoverable, isSeparator, isTruncate, onUnload, registerHandler, removeHandler, setAccessKey, setBackfaceVisibility, setBackgroundColor, setBorder, setBorderBottom, setBorderLeft, setBorderRadius, setBorderRight, setBorderTop, setBottom, setCenterOn, setCircle, setClass, setDataAttribute, setDepth, setDetectOrientation, setDisplay, setFlex, setFlexAlignContent, setFlexAlignItems, setFlexAlignSelf, setFlexBasis, setFlexDirection, setFlexGrow, setFlexJustifyContent, setFlexOrder, setFlexShrink, setFlexWrap, setFloat, setFocus, setFontSize, setFontSize, setFontWeight, setGrid, setGwtDisplay, setHideOn, setHoverable, setId, setInitialClasses, setLayoutPosition, setLeft, setLineHeight, setMargin, setMarginBottom, setMarginLeft, setMarginRight, setMarginTop, setMaxHeight, setMaxWidth, setMinHeight, setMinWidth, setOffset, setOpacity, setOrientation, setOverflow, setPadding, setPaddingBottom, setPaddingLeft, setPaddingRight, setPaddingTop, setPerspective, setPerspectiveOrigin, setRight, setScrollspy, setSeparator, setShadow, setShowOn, setStyle, setTabIndex, setTextAlign, setTextColor, setTooltip, setTooltipDelayMs, setTooltipHTML, setTooltipPosition, setTop, setTransform, setTransformOrigin, setTransformStyle, setTransition, setTruncate, setVerticalAlign, setVisibility, setWaves, stopTouchStartEvent, validate, window

Methods inherited from class com.google.gwt.user.client.ui.ComplexPanel

add, adjustIndex, checkIndexBoundsForAccess, checkIndexBoundsForInsertion, getWidget, getWidgetCount, getWidgetIndex, getWidgetIndex, insert, iterator, remove

Methods inherited from class com.google.gwt.user.client.ui.Panel

add, adopt, clear, doAttachChildren, doDetachChildren, orphan, remove

Methods inherited from class com.google.gwt.user.client.ui.Widget

addAttachHandler, addBitlessDomHandler, addDomHandler, addHandler, asWidget, asWidgetOrNull, createHandlerManager, delegateEvent, fireEvent, getHandlerCount, getLayoutData, getParent, isAttached, isOrWasAttached, onAttach, onBrowserEvent, onDetach, removeFromParent, setLayoutData, sinkEvents, unsinkEvents

Methods inherited from class com.google.gwt.user.client.ui.UIObject

addStyleDependentName, addStyleName, ensureDebugId, ensureDebugId, ensureDebugId, getAbsoluteLeft, getAbsoluteTop, getElement, getOffsetHeight, getOffsetWidth, getStyleElement, getStyleName, getStyleName, getStylePrimaryName, getStylePrimaryName, getTitle, isVisible, isVisible, onEnsureDebugId, removeStyleDependentName, removeStyleName, resolvePotentialElement, setElement, setElement, setHeight, setPixelSize, setSize, setStyleDependentName, setStyleName, setStyleName, setStyleName, setStyleName, setStylePrimaryName, setStylePrimaryName, setTitle, setVisible, setVisible, setWidth, sinkBitlessEvent, toString

Methods inherited from class java.lang.Object

clone, equals, finalize, getClass, hashCode, notify, notifyAll, wait, wait, wait

Methods inherited from interface gwt.material.design.client.base.HasFlexbox

setVisible

Methods inherited from interface com.google.gwt.event.shared.HasHandlers

fireEvent

Methods inherited from interface java.lang.Iterable

forEach, spliterator

Constructor Detail

MaterialCollapsible

public MaterialCollapsible()

MaterialCollapsible

public MaterialCollapsible(MaterialCollapsibleItem... widgets)

Method Detail

onLoad

protected void onLoad()

Overrides:

onLoad in class MaterialWidget

load

public void load()

Specified by:

load in interface JsLoader

unload

public void unload()

Specified by:

unload in interface JsLoader

reload

public void reload()

Specified by:

reload in interface HasReload

add

public void add(com.google.gwt.user.client.ui.Widget child)

Specified by:

add in interface com.google.gwt.user.client.ui.HasWidgets

Overrides:

add in class MaterialWidget

remove

public boolean remove(com.google.gwt.user.client.ui.Widget w)

Specified by:

remove in interface com.google.gwt.user.client.ui.HasWidgets

Overrides:

remove in class com.google.gwt.user.client.ui.ComplexPanel

clearActive

public void clearActive()

Specified by:

clearActive in interface HasSelectables

open

public void open(int index)

Open the given collapsible item.

Parameters:

index - the one-based collapsible item index.

close

public void close(int index)

Close the given collapsible item.

Parameters:

index - the one-based collapsible item index.

closeAll

public void closeAll()

Close all the collapsible items.

setEnabled

public void setEnabled(boolean enabled)

Specified by:

setEnabled in interface com.google.gwt.user.client.ui.HasEnabled

Overrides:

setEnabled in class MaterialWidget

setType

public void setType(CollapsibleType type)

Description copied from interface: HasType

Sets the type on the widget

Specified by:

setType in interface HasType<CollapsibleType>

Parameters:

type - T type

getType

public CollapsibleType getType()

Description copied from interface: HasType

Gets the type of the widget.

Specified by:

getType in interface HasType<CollapsibleType>

Returns:

type of the widget

collapsible

protected void collapsible(com.google.gwt.dom.client.Element e)

setAccordion

public void setAccordion(boolean accordion)

Configure if you want this collapsible container to accordion its child elements or use expandable.

isAccordion

public boolean isAccordion()

Is the collapsible an 'accordion' type.

setActive

public void setActive(int index)

Description copied from interface: HasActiveParent

Providing the one-based index of the parent widget to mark as active.

Specified by:

setActive in interface HasActiveParent

setActive

public void setActive(int index,
                      boolean active)

Description copied from interface: HasActiveParent

Providing the active value and one-based index of the parent widget to mark as active.

Specified by:

setActive in interface HasActiveParent

getActive

public com.google.gwt.user.client.ui.Widget getActive()

Description copied from interface: HasActiveParent

Get currently the active widget of it's parent

Specified by:

getActive in interface HasActiveParent

addClearActiveHandler

public com.google.gwt.event.shared.HandlerRegistration addClearActiveHandler(ClearActiveEvent.ClearActiveHandler handler)

Description copied from interface: HasClearActiveHandler

Fires when active state has been cleared to all children.

Specified by:

addClearActiveHandler in interface HasClearActiveHandler

getTypeMixin

protected CssTypeMixin<CollapsibleType,MaterialCollapsible> getTypeMixin()