public class VerticalTabsPanel extends BaseDominoElement<elemental2.dom.HTMLDivElement,VerticalTabsPanel>
VerticalTab can be active at a time
The tabs in this component will be always aligned vertically
VerticalTabsPanel.create()
.apply((element) -> element.getTabsContent().css(Styles.p_l_10))
.appendChild(
VerticalTab.create("HOME")
.appendChild(b().textContent("Home Content"))
.appendChild(Paragraph.create("SAMPLE_TEXT")))
.appendChild(
VerticalTab.create("PROFILE")
.appendChild(b().textContent("Profile Content"))
.appendChild(Paragraph.create("SAMPLE_TEXT")))
.appendChild(
VerticalTab.create("MESSAGES")
.appendChild(b().textContent("Messages Content"))
.appendChild(Paragraph.create("SAMPLE_TEXT"))
.activate())
.appendChild(
VerticalTab.create("SETTINGS")
.appendChild(b().textContent("Settings Content"))
.appendChild(Paragraph.create("SAMPLE_TEXT")));
BaseDominoElement.ElementHandler<T>, BaseDominoElement.ResizeHandler<T>, BaseDominoElement.StyleEditor<E extends elemental2.dom.HTMLElement,T extends org.jboss.elemento.IsElement<E>>, BaseDominoElement.WavesStyler| Constructor and Description |
|---|
VerticalTabsPanel() |
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 VerticalTabsPanel create()
public VerticalTabsPanel appendChild(FillItem fillItem)
fillItem - FillItem to be added between tabs to make more space between thempublic VerticalTabsPanel appendChild(VerticalTab tab)
tab - VerticalTab to be added to the TabsPanel, the tab will be added as the last
Tabpublic VerticalTabsPanel setTextColor(Color textColor)
textColor - Color of the Tab header titlepublic VerticalTabsPanel setIconColor(Color iconColor)
iconColor - Color of the tab header iconpublic void activateTab(int index)
index - int index of the Tab to be activated, this will show the tab contentpublic void activateTab(VerticalTab tab)
tab - VerticalTab to be activated, this will show the tab contentpublic void deactivateTab(VerticalTab tab)
tab - VerticalTab to be deactivated, this will hide the tab contentpublic VerticalTabsPanel setColor(Color color)
color - Color of the Tabs headerspublic boolean isActiveTabColored()
setColor(Color)public VerticalTabsPanel setActiveTabColored(boolean activeTabColored)
activeTabColored - boolean, if true the active tab will have the color from setColor(Color)public VerticalTabsPanel setBackgroundColor(Color background)
background - Color of tabs panel headerpublic elemental2.dom.HTMLDivElement element()
element in interface org.jboss.elemento.IsElement<elemental2.dom.HTMLDivElement>element in class BaseDominoElement<elemental2.dom.HTMLDivElement,VerticalTabsPanel>public VerticalTabsPanel setTransition(Transition transition)
transition - Transition for activating/deactivating tabs animationspublic VerticalTabsPanel setContentContainer(elemental2.dom.HTMLElement contentContainer)
contentContainer - HTMLElement to used as a container element to render active tab
contentpublic VerticalTabsPanel setContentContainer(org.jboss.elemento.IsElement<?> contentContainer)
contentContainer - IsElement to used as a container element to render active tab
contentpublic DominoElement<elemental2.dom.HTMLElement> getTabsContent()
HTMLElement that is used to as a container element to render active tab
content wrapped as DominoElementpublic VerticalTab getActiveTab()
VerticalTabpublic List<VerticalTab> getTabs()
VerticalTabspublic VerticalTabsPanel textBelowIcon()
public VerticalTabsPanel textBesideIcon()
public VTabsContainer getTabsContainer()
VTabsContainerpublic FlexItem getTabsHeadersContainer()
FlexItem that contains the Tabs headerspublic VerticalTabsPanel addActivationHandler(VerticalTab.ActivationHandler activationHandler)
activationHandler - VerticalTab.ActivationHandlerpublic VerticalTabsPanel removeActivationHandler(VerticalTab.ActivationHandler activationHandler)
activationHandler - VerticalTab.ActivationHandlerCopyright © 2019–2022 Dominokit. All rights reserved.