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.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, HasCenterOn, HasCircle, HasColors, HasDataAttributes, HasDepth, HasFlexbox, HasFloat, HasFontSize, HasFontWeight, HasGrid, HasHideOn, HasHoverable, HasId, HasInitialClasses, HasInlineStyle, HasOpacity, HasScrollspy, HasSelectables, HasSeparator, HasShadow, HasShowOn, HasTextAlign, HasTooltip, HasWaves, Iterable<com.google.gwt.user.client.ui.Widget>

public class MaterialCollapsible
extends MaterialWidget
implements HasSelectables

Collapsibles 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 type="ACCORDION" 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 type="EXPANDABLE" 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

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

DEBUG_ID_PREFIX

Constructor Summary

Constructors

Constructor and Description
MaterialCollapsible() Creates an empty collapsible
MaterialCollapsible(MaterialCollapsibleItem... widgets) Creates a list and adds the given widgets.

Method Summary

Modifier and Type	Method and Description
void	add(com.google.gwt.user.client.ui.Widget child)
com.google.web.bindery.event.shared.HandlerRegistration	addClearActiveHandler(ClearActiveEvent.ClearActiveHandler handler)
void	clearActive()
protected void	initCollapsible() Initialize the collapsible material component.
protected void	initCollapsible(com.google.gwt.dom.client.Element e, boolean accordion) Initialize the collapsible material component.
boolean	isAccordion()
protected void	onLoad()
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 MaterialCollapsibleItem to mark as active.
void	setType(CollapsibleType type)

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

add, clearActiveClass, enableFeature, getBackgroundColor, getCenterOn, getCenterOnMixin, getCircleMixin, getColorsMixin, getDataAttribute, getDepth, getEnabledMixin, getFlexboxMixin, getFloat, getFloatMixin, getFocusableMixin, getFontSize, getFontSizeMixin, getFontWeight, getFontWeightMixin, getGridMixin, getHideOn, getHideOnMixin, getHoverableMixin, getId, getIdMixin, getInitialClasses, getOpacity, getScrollspy, getScrollspyMixin, getSeparatorMixin, getShadow, getShadowMixin, getShowOn, getShowOnMixin, getTabIndex, getTextAlign, getTextAlignMixin, getTextColor, getTooltip, getTooltipDelayMs, getTooltipMixin, getTooltipPosition, getTruncateMixin, getWaves, getWavesMixin, getWidth, getWidth, insert, insert, isCircle, isEnabled, isFeatureEnabled, isHoverable, isSeparator, setAccessKey, setBackgroundColor, setBottom, setCenterOn, setCircle, setDataAttribute, setDepth, setDisplay, setEnabled, setFlex, setFlexAlignContent, setFlexAlignItems, setFlexAlignSelf, setFlexBasis, setFlexDirection, setFlexGrow, setFlexJustifyContent, setFlexOrder, setFlexShrink, setFlexWrap, setFloat, setFocus, setFontSize, setFontSize, setFontWeight, setGrid, setGwtDisplay, setHideOn, setHoverable, setId, setInitialClasses, setLayoutPosition, setLeft, setMargin, setMarginBottom, setMarginLeft, setMarginRight, setMarginTop, setOffset, setOpacity, setOverflow, setPadding, setPaddingBottom, setPaddingLeft, setPaddingRight, setPaddingTop, setRight, setScrollspy, setSeparator, setShadow, setShowOn, setTabIndex, setTextAlign, setTextColor, setTooltip, setTooltipDelayMs, setTooltipPosition, setTop, setTruncate, setVisibility, setWaves, stopTouchStartEvent, stopTouchStartEvent

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

add, adjustIndex, checkIndexBoundsForAccess, checkIndexBoundsForInsertion, getChildren, 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, onUnload, 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 java.lang.Iterable

forEach, spliterator

Constructor Detail

MaterialCollapsible

public MaterialCollapsible()

Creates an empty collapsible

MaterialCollapsible

public MaterialCollapsible(MaterialCollapsibleItem... widgets)

Creates a list and adds the given widgets.

Method Detail

onLoad

protected void onLoad()

Overrides:

onLoad in class MaterialWidget

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

initCollapsible

protected void initCollapsible()

Initialize the collapsible material component.

initCollapsible

protected void initCollapsible(com.google.gwt.dom.client.Element e,
                               boolean accordion)

Initialize the collapsible material component.

setType

public void setType(CollapsibleType type)

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()

setActive

public void setActive(int index)

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

addClearActiveHandler

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

clearActive

public void clearActive()

Specified by:

clearActive in interface HasSelectables