org.dominokit.domino.ui.collapsible

Class AccordionPanel

java.lang.Object

org.dominokit.domino.ui.utils.BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

org.dominokit.domino.ui.collapsible.AccordionPanel

All Implemented Interfaces:

DominoStyle<elemental2.dom.HTMLDivElement,AccordionPanel,AccordionPanel>, HasChildren<AccordionPanel>, HasWavesElement, IsCollapsible<AccordionPanel>, IsReadOnly<AccordionPanel>, org.jboss.elemento.IsElement<elemental2.dom.HTMLDivElement>

public class AccordionPanel
extends BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>
implements IsCollapsible<AccordionPanel>

A component to show/hide content inside an Accordion

The accordion panel can be appended to an Accordion to show/hide some content when the user clicks on the panel header

See Also:

Accordion

Nested Class Summary

Nested classes/interfaces inherited from class org.dominokit.domino.ui.utils.BaseDominoElement

BaseDominoElement.ElementHandler<T>, BaseDominoElement.ResizeHandler<T>, BaseDominoElement.StyleEditor<E extends elemental2.dom.HTMLElement,T extends org.jboss.elemento.IsElement<E>>, BaseDominoElement.WavesStyler

Constructor Summary

Constructors

Constructor and Description
AccordionPanel(String title)
AccordionPanel(String title, elemental2.dom.Node content)

Method Summary

Modifier and Type	Method and Description
AccordionPanel	appendChild(org.jboss.elemento.IsElement<?> content) add content to the panel body without removing existing content
AccordionPanel	appendChild(elemental2.dom.Node content) add content to the panel body without removing existing content
static AccordionPanel	create(String title) A factory to create Accordion panel with a title
static AccordionPanel	create(String title, org.jboss.elemento.IsElement<?> content) A factory to create Accordion panel with a title and content
static AccordionPanel	create(String title, elemental2.dom.Node content) A factory to create Accordion panel with a title and content
AccordionPanel	danger() Set the header background to Color.RED
AccordionPanel	dangerFull() Set the header and body background to Color.RED
elemental2.dom.HTMLDivElement	element()
DominoElement<elemental2.dom.HTMLDivElement>	getBody() Deprecated.
Color	getBodyColor()
DominoElement<elemental2.dom.HTMLDivElement>	getBodyElement()
elemental2.dom.HTMLAnchorElement	getClickableElement() by default this return the same component root element
elemental2.dom.HTMLDivElement	getCollapsibleElement() By default this return the component root element
Color	getHeaderColor()
DominoElement<elemental2.dom.HTMLDivElement>	getHeaderElement()
DominoElement<elemental2.dom.HTMLHeadingElement>	getHeadingElement()
BaseIcon<?>	getPanelIcon()
AccordionPanel	primary() Set the header background to Color.BLUE
AccordionPanel	primaryFull() Set the header and body background to Color.BLUE
AccordionPanel	setBodyBackground(Color color) Set the body background to a custom color
AccordionPanel	setContent(elemental2.dom.Node content) Change the panel body content.
AccordionPanel	setHeaderBackground(Color color) Set the header background to a custom color
AccordionPanel	setIcon(BaseIcon<?> icon) Set the Accordion panel header icon
AccordionPanel	setTitle(String title) Change the panel header title.
AccordionPanel	success() Set the header background to Color.GREEN
AccordionPanel	successFull() Set the header and body background to Color.GREEN
AccordionPanel	warning() Set the header background to Color.ORANGE
AccordionPanel	warningFull() Set the header and body background to Color.ORANGE

Methods inherited from class org.dominokit.domino.ui.utils.BaseDominoElement

add, add, addClickListener, addCss, addCss, addEventListener, addEventListener, addEventsListener, addHideListener, addShowListener, alignCenter, alignRight, apply, attr, blur, childNodes, clearElement, contains, contains, contains, containsCss, css, css, cssClassByIndex, cssClassesCount, cssText, disable, elevate, elevate, enable, firstChild, getAttachObserver, getAttribute, getBoundingClientRect, getChildElementCount, getCollapsible, getDetachObserver, getDominoId, getElementsCount, getElevation, getFirstChild, getId, getTextContent, getTooltip, getWavesElement, hasAttribute, hasChildNodes, hasDirectChild, hide, hideOn, id, init, insertAfter, insertAfter, insertAfter, insertAfter, insertBefore, insertBefore, insertBefore, insertBefore, insertFirst, insertFirst, insertFirst, isAttached, isCollapsed, isDisabled, isEmptyElement, isEqualNode, isForceHidden, isHidden, isReadOnly, item, lastChild, length, onAttached, onDetached, onResize, pullLeft, pullRight, querySelector, querySelectorAll, remove, removeAttachObserver, removeAttribute, removeChild, removeChild, removeCss, removeCss, removeCssProperty, removeDetachObserver, removeEventListener, removeEventListener, removeHideListener, removeHideOn, removeShowListener, removeShowOn, removeTooltip, removeWaves, replaceCss, setAlignItems, setAttribute, setAttribute, setAttribute, setBackgroundColor, setBackgroundColor, setBorder, setBorderColor, setBottom, setBottom, setBoxShadow, setCollapseStrategy, setColor, setColor, setContent, setCssProperty, setCssProperty, setCursor, setCursor, setDisabled, setDisplay, setDisplay, setDropMenu, setFlex, setFloat, setFloat, setFontSize, setFontSize, setForceHidden, setHeight, setHeight, setId, setInnerHtml, setLeft, setLeft, setLineHeight, setLineHeight, setMargin, setMargin, setMarginBottom, setMarginBottom, setMarginLeft, setMarginLeft, setMarginRight, setMarginRight, setMarginTop, setMarginTop, setMaxHeight, setMaxHeight, setMaxWidth, setMaxWidth, setMinHeight, setMinHeight, setMinWidth, setMinWidth, setOpacity, setOpacity, setOverFlow, setOverFlow, setOverFlowY, setPadding, setPadding, setPaddingBottom, setPaddingBottom, setPaddingLeft, setPaddingLeft, setPaddingRight, setPaddingRight, setPaddingTop, setPaddingTop, setPointerEvents, setPosition, setPosition, setReadOnly, setRight, setRight, setTabIndex, setTextAlign, setTextAlign, setTextContent, setTooltip, setTooltip, setTooltip, setTooltip, setTop, setTop, setTransitionDuration, setWidth, setWidth, setZIndex, show, showOn, style, style, styler, textContent, toggleDisplay, toggleDisplay, withWaves, withWaves

Methods inherited from class java.lang.Object

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

Methods inherited from interface org.dominokit.domino.ui.utils.IsCollapsible

hide, isCollapsed, isExpanded, isHidden, show, toggleDisplay, toggleDisplay

Methods inherited from interface org.dominokit.domino.ui.style.DominoStyle

add, add, remove, remove, removeProperty, replace, setProperty, setProperty

Constructor Detail

AccordionPanel

public AccordionPanel(String title)

Parameters:

title - String, the accordion panel header title

AccordionPanel

public AccordionPanel(String title,
                      elemental2.dom.Node content)

Parameters:

title - String, the accordion panel header title

content - Node the content of the panel body

Method Detail

create

public static AccordionPanel create(String title)

A factory to create Accordion panel with a title

Parameters:

title - String, the accordion panel header title

Returns:

new Accordion instance

create

public static AccordionPanel create(String title,
                                    elemental2.dom.Node content)

A factory to create Accordion panel with a title and content

Parameters:

title - String, the accordion panel header title

content - Node the content of the panel body

Returns:

new Accordion instance

create

public static AccordionPanel create(String title,
                                    org.jboss.elemento.IsElement<?> content)

A factory to create Accordion panel with a title and content

Parameters:

title - String, the accordion panel header title

content - IsElement the content of the panel body

Returns:

new Accordion instance

setTitle

public AccordionPanel setTitle(String title)

Change the panel header title.

Parameters:

title - String, the accordion panel header title

Returns:

same AccordionPanel instance

setContent

public AccordionPanel setContent(elemental2.dom.Node content)

Change the panel body content. replacing existing content with the one.

Overrides:

setContent in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

Parameters:

content - Node, the accordion panel body content

Returns:

same AccordionPanel instance

appendChild

public AccordionPanel appendChild(elemental2.dom.Node content)

add content to the panel body without removing existing content

Specified by:

appendChild in interface HasChildren<AccordionPanel>

Overrides:

appendChild in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

Parameters:

content - Node, the accordion panel body content

Returns:

same AccordionPanel instance

appendChild

public AccordionPanel appendChild(org.jboss.elemento.IsElement<?> content)

add content to the panel body without removing existing content

Specified by:

appendChild in interface HasChildren<AccordionPanel>

Overrides:

appendChild in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

Parameters:

content - IsElement, the accordion panel body content

Returns:

same AccordionPanel instance

element

public elemental2.dom.HTMLDivElement element()

Specified by:

element in interface org.jboss.elemento.IsElement<elemental2.dom.HTMLDivElement>

Specified by:

element in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

Returns:

the HTML element of type E which is the root element of the component

primary

public AccordionPanel primary()

Set the header background to Color.BLUE

Returns:

same AccordionPanel instance

success

public AccordionPanel success()

Set the header background to Color.GREEN

Returns:

same AccordionPanel instance

warning

public AccordionPanel warning()

Set the header background to Color.ORANGE

Returns:

same AccordionPanel instance

danger

public AccordionPanel danger()

Set the header background to Color.RED

Returns:

same AccordionPanel instance

primaryFull

public AccordionPanel primaryFull()

Set the header and body background to Color.BLUE

Returns:

same AccordionPanel instance

successFull

public AccordionPanel successFull()

Set the header and body background to Color.GREEN

Returns:

same AccordionPanel instance

warningFull

public AccordionPanel warningFull()

Set the header and body background to Color.ORANGE

Returns:

same AccordionPanel instance

dangerFull

public AccordionPanel dangerFull()

Set the header and body background to Color.RED

Returns:

same AccordionPanel instance

setHeaderBackground

public AccordionPanel setHeaderBackground(Color color)

Set the header background to a custom color

Parameters:

color - Color the new background color

Returns:

same AccordionPanel instance

setBodyBackground

public AccordionPanel setBodyBackground(Color color)

Set the body background to a custom color

Parameters:

color - Color the new background color

Returns:

same AccordionPanel instance

setIcon

public AccordionPanel setIcon(BaseIcon<?> icon)

Set the Accordion panel header icon

Parameters:

icon - BaseIcon

Returns:

same AccordionPanel instance

getBody

@Deprecated
public DominoElement<elemental2.dom.HTMLDivElement> getBody()

Deprecated.

Returns:

the DominoElement represent the body element.

getClickableElement

public elemental2.dom.HTMLAnchorElement getClickableElement()

by default this return the same component root element

Overrides:

getClickableElement in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

getCollapsibleElement

public elemental2.dom.HTMLDivElement getCollapsibleElement()

By default this return the component root element

Overrides:

getCollapsibleElement in class BaseDominoElement<elemental2.dom.HTMLDivElement,AccordionPanel>

Returns:

the component HTMLElement that can be shown/hidden with the Collapsible

getHeaderElement

public DominoElement<elemental2.dom.HTMLDivElement> getHeaderElement()

Returns:

the DominoElement represent the header element.

getHeadingElement

public DominoElement<elemental2.dom.HTMLHeadingElement> getHeadingElement()

Returns:

the DominoElement represent the element that contains the header text.

getBodyElement

public DominoElement<elemental2.dom.HTMLDivElement> getBodyElement()

Returns:

the DominoElement represent the body element.

getPanelIcon

public BaseIcon<?> getPanelIcon()

Returns:

the panel icon

getHeaderColor

public Color getHeaderColor()

Returns:

the panel header background color

getBodyColor

public Color getBodyColor()

Returns:

the panel body background color