TabBar
A special toolbar used by TabPanel to present tabs for the container's items.
The items of a tab bar are typically managed by the tab panel, however, items can be added that do not correspond to items in the tab panel. The weight config of each tab defaults to 0 or the weight of its corresponding item.
Tab bar
//<code-header>
fiddle.title = 'Tab bar';
//</code-header>
new TabBar({
appendTo : targetElement,
items : {
profile : {
text : 'User profile',
icon : 'fa fa-user'
},
billing : {
text : 'Billing',
icon : 'fa fa-dollar-sign'
},
settings : {
text : 'Settings',
icon : 'fa fa-gear'
}
}
});Configs
96
Configs
96Common
listenersEvents
Content
defaultsContainer
itemsToolbar
lazyItemsContainer
namedItemsContainer
textContentContainer
toolsToolable
CSS
borderContainer
clsWidget
colorWidget
contentElementClsWidget
htmlClsWidget
itemClsContainer
styleWidget
uiWidget
widgetClsToolbar
DOM
adoptWidget
appendToWidget
contentWidget
datasetWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
tagWidget
titleWidget
Float & align
alignWidget
anchorWidget
centeredWidget
constrainToWidget
draggableWidget
floatingWidget
hideAnimationWidget
maximizeOnMobileWidget
positionedWidget
scrollActionWidget
showAnimationWidget
xWidget
yWidget
Layout
alignSelfWidget
dockWidget
flexWidget
heightWidget
hiddenWidget
hideWhenEmptyContainer
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
textAlignWidget
weightWidget
widthWidget
misc
tabBarItemsContainer
Misc
bubbleEventsEvents
dataFieldWidget
defaultBindPropertyWidget
disabledWidget
elementAttributesWidget
ignoreParentReadOnlyToolbar
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
maskDefaultsWidget
maskedWidget
monitorResizeWidget
ownerWidget
preventTooltipOnTouchWidget
readOnlyWidget
refWidget
rippleWidget
rootElementWidget
showTooltipWhenDisabledWidget
tabWidget
tooltipWidget
Other
callOnFunctionsWidget
columnWidget
defaultFocusContainer
enableReorderingToolbar
inputFieldAlignContainer
labelPositionToolbar
overflowToolbar
renditionContainer
rtlRTL
spanWidget
Scrolling
scrollableWidget
Properties
86
Properties
86Class hierarchy
Identifies an object as an instance of TabBar class, or subclass thereof.
Identifies an object as an instance of TabBar class, or subclass thereof.
isContainerContainer
isDelayableDelayable
isEventsEvents
isKeyMapKeyMap
isLocalizableLocalizable
isRTLRTL
isToolableToolable
isToolbarToolbar
isWidgetWidget
Content
toolsToolable
CSS
clsWidget
DOM
appendToWidget
contentWidget
contentElementWidget
datasetWidget
elementWidget
focusableElementWidget
focusElementWidget
htmlWidget
idWidget
insertBeforeWidget
insertFirstWidget
overflowElementWidget
styleWidget
Layout
alignSelfWidget
flexWidget
heightWidget
layoutContainer
layoutStyleContainer
marginWidget
maxHeightWidget
maxWidthWidget
minHeightWidget
minWidthWidget
scrollableWidget
widthWidget
Misc
callOnFunctionsEvents
cellInfoWidget
disabledWidget
localeHelperLocalizable
localeManagerLocalizable
readOnlyWidget
refWidget
tabWidget
tooltipWidget
Other
columnWidget
enableReorderingToolbar
firstItemContainer
hasChangesContainer
inputFieldAlignContainer
isSettingValuesContainer
isValidContainer
itemsContainer
labelPositionToolbar
lastItemContainer
renditionContainer
rtlRTL
spanWidget
valuesContainer
Widget hierarchy
containsFocusWidget
nextSiblingWidget
ownerWidget
parentWidget
previousSiblingWidget
visibleChildCountContainer
widgetMapContainer
Functions
67
Functions
67Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addContainer
addListenerEvents
announceAriaLiveWidget
composeWidget
createOnFrameDelayable
disableWidget
enableWidget
exitFullscreenWidget
focusWidget
getAtContainer
getWidgetByIdContainer
hasListenerEvents
insertContainer
maskWidget
onEvents
processWidgetConfigContainer
recomposeWidget
relayAllEvents
removeContainer
removeAllContainer
removeAllListenersEvents
removeListenerEvents
requestFullscreenWidget
resetValuesContainer
resumeEventsEvents
revertFocusWidget
setValuesContainer
suspendEventsEvents
triggerEvents
unEvents
unmaskWidget
Widget hierarchy
closestWidget
containsWidget
eachAncestorWidget
eachWidgetWidget
ownsWidget
queryWidget
queryAllWidget
upWidget
Events
19
Events
19beforeDestroyEvents
beforeHideWidget
beforeItemDragStartToolbar
beforeSetRecordContainer
beforeShowWidget
catchAllEvents
destroyEvents
dirtyStateChangeContainer
elementCreatedWidget
focusInWidget
focusOutWidget
hideWidget
itemDragStartToolbar
itemDropToolbar
paintWidget
readOnlyWidget
recomposeWidget
resizeWidget
showWidget
Event handlers
19
Event handlers
19onBeforeDestroyEvents
onBeforeHideWidget
onBeforeItemDragStartToolbar
onBeforeSetRecordContainer
onBeforeShowWidget
onCatchAllEvents
onDestroyEvents
onDirtyStateChangeContainer
onElementCreatedWidget
onFocusInWidget
onFocusOutWidget
onHideWidget
onItemDragStartToolbar
onItemDropToolbar
onPaintWidget
onReadOnlyWidget
onRecomposeWidget
onResizeWidget
onShowWidget
Typedefs
7
Typedefs
7AlignSpecWidget
BryntumListenerConfigEvents
CellWidgetContextWidget
ColorWidget
DelayableConfigDelayable
KeyMapConfigKeyMap
ToolbarItemsToolbar
CSS variables
41
CSS variables
41| Name | Description |
|---|---|
--b-tab-bar-border-bottom-width | Tab bar bottom border width |
--b-tab-bar-border-bottom-color | Tab bar bottom border color |
--b-tab-bar-background | Tab bar background color |
--b-tab-bar-padding | Tab bar padding |