public class FlexLayout extends BaseDominoElement<elemental2.dom.HTMLDivElement,FlexLayout>
More information can be found in MDN official documentation
Customize the component can be done by overwriting classes provided by FlexStyles
For example:
FlexLayout.create()
.appendChild(FlexItem.create())
.appendChild(FlexItem.create());
BaseDominoElementBaseDominoElement.ElementHandler<T>, BaseDominoElement.ResizeHandler<T>, BaseDominoElement.StyleEditor<E extends elemental2.dom.HTMLElement,T extends org.jboss.elemento.IsElement<E>>, BaseDominoElement.WavesStyler| Constructor and Description |
|---|
FlexLayout() |
| Modifier and Type | Method and Description |
|---|---|
FlexLayout |
appendChild(FlexItem<?> flexItem)
Adds new flex item
|
FlexLayout |
appendChildBefore(FlexItem<?> flexItem,
FlexItem<?> existingItem)
Adds a new flex item before an
existingItem |
static FlexLayout |
create()
Creates a new layout
|
elemental2.dom.HTMLDivElement |
element() |
List<FlexItem<?>> |
getFlexItems() |
FlexLayout |
insertFirst(FlexItem<?> flexItem)
Inserts a new flex item at the beginning of this layout
|
FlexLayout |
removeGap()
removes the gap between the flex items of this flex layout
|
FlexLayout |
setAlignItems(FlexAlign alignItems)
Sets the alignment of the items inside this layout
|
FlexLayout |
setDirection(FlexDirection direction)
Sets the direction of the flex items inside the layout
|
FlexLayout |
setFlow(FlexDirection direction,
FlexWrap wrap)
Sets the direction and the wrap in this layout
|
FlexLayout |
setGap(String gap)
Adds a gap between all flex items of this flex layout
|
FlexLayout |
setJustifyContent(FlexJustifyContent justifyContent)
Sets the type of spaces between the items inside this layout
|
FlexLayout |
setWrap(FlexWrap wrap)
Sets the type of wrap of the elements inside this layout
|
add, add, addClickListener, addCss, addCss, addEventListener, addEventListener, addEventsListener, addHideListener, addShowListener, alignCenter, alignRight, appendChild, appendChild, apply, attr, blur, childNodes, clearElement, contains, contains, contains, containsCss, css, css, cssClassByIndex, cssClassesCount, cssText, disable, elevate, elevate, enable, firstChild, getAttachObserver, getAttribute, getBoundingClientRect, getChildElementCount, getClickableElement, getCollapsible, getCollapsibleElement, 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, 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, withWavesclone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, waitisExpandedadd, add, remove, remove, removeProperty, replace, setProperty, setPropertypublic static FlexLayout create()
public FlexLayout setDirection(FlexDirection direction)
direction - the new FlexDirectionpublic FlexLayout setWrap(FlexWrap wrap)
wrap - the FlexWrappublic FlexLayout setFlow(FlexDirection direction, FlexWrap wrap)
direction - the FlexDirectionwrap - the FlexWrappublic FlexLayout setJustifyContent(FlexJustifyContent justifyContent)
justifyContent - the FlexJustifyContentpublic FlexLayout setAlignItems(FlexAlign alignItems)
alignItems - the FlexAlignpublic FlexLayout appendChild(FlexItem<?> flexItem)
flexItem - the new FlexItem to addpublic FlexLayout insertFirst(FlexItem<?> flexItem)
flexItem - the new FlexItem to addpublic FlexLayout appendChildBefore(FlexItem<?> flexItem, FlexItem<?> existingItem)
existingItempublic FlexLayout setGap(String gap)
gap - String css value to be used as a gap between the flex itemspublic FlexLayout removeGap()
public elemental2.dom.HTMLDivElement element()
element in interface org.jboss.elemento.IsElement<elemental2.dom.HTMLDivElement>element in class BaseDominoElement<elemental2.dom.HTMLDivElement,FlexLayout>Copyright © 2019–2022 Dominokit. All rights reserved.