TabPanel
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
The TabPanel component is a container that organizes multiple forms into a tabbed interface.
This is a reference page; many components have detailed usage guides .
The CSS style class applied to the close icon used in the TabPanel's tab headers. Type: Default Value: "glyphicon glyphicon-remove close-icon"
The CSS style class applied to the container element of the TabPanel. Type:
Minimum height of the tabpanel, should be used for responsive forms. Can be 100% (to take parent container height) or a number (in pixels). Type: Default Value: "500"
Flag indicating whether the close icon is displayed on the tabs. Type: Default Value: false
Fired after a different tab is selected
Parameters:
Fired when the user clicks on a tab. When false is returned, the tab switch is prevented
Parameters:
Fired when the user clicks on the tab close icon. When false is returned, the tab close is prevented
Parameters:
Adds a tab with the given form and tab text on the given index.
Parameters:
Retrieves the tab at the specified index from the tabs model.
Parameters:
Removes all tabs of this tabpanel
Removes the tab from the given index.
Parameters:
Selects the tab of the given index
@deprecated use tabIndex property instead.
Parameters:
Represents a tab in the tabpanel. scripting type: CustomType<bootstrapcomponents-tabpanel.tab>
containedForm
The form contained within the tab.
disabled
Flag indicating whether the tab is disabled.
Default Value: false
hideCloseIcon
When true, the close icon is hidden for this tab.
Default Value: false
iconStyleClass
CSS style classes for the tab's icon.
imageMediaID
The media identifier for the tab's icon.
name
The unique name identifier of the tab.
relationName
The relation name associated with the tab, if applicable.
styleClass
Additional CSS style classes applied to the tab.
text
The text displayed on the tab.
toolTipText
Tooltip text displayed when hovering over the tab.
Set the styleclasses that should be applied at to this component Type:
The tab index used for keyboard navigation of the TabPanel. Type: Default Value: 1
Tab sequence number of form containers is used for all nested components in the main form. Type:
An array of tab objects contained within the TabPanel. Type:
Whether the button is visible or not Type:
{} previousIndex The previous tab index before the change
{} event The event object associated with the tab change
{} event The event object that triggered the action
{} clickedTabIndex The index of the tab that was clicked
{} dataTarget The identifier of the closest data-target attribute, if available
Returns: {}
{} event The event object that triggered the action
{} clickedTabIndex The index of the tab that was clicked
Returns: {}
{} form The name of the form to add as a tab
{} tabText The tab text that should be displayed
{} [index] Give an index where the tab should be placed, default at the end.
Returns: The newly created tab object that represents the added form in the tab panel.
{} index The 1-based index of the tab to retrieve.
Returns: The tab object at the specified index, or null if the index is out of range.
Returns: True if all tabs were successfully removed; false otherwise.
{} index <<<<<<<< add description for this param <<<<<<<<
Returns: True if the tab was successfully removed; false otherwise.
{} index
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type: