Accordion Panel

(part of package 'Bootstrap Components') Extends designtime/SolutionModel: JSWebComponent Extends runtime: RuntimeWebComponent

The AccordionPanel component is a container similar to a TabPanel, but, instead of having tabs for showing / hiding forms, it has buttons that behave like an accordion, moving one way or the other.

This is a reference page; many components have detailed usage guides here.

Properties

activeTabIndex

Type: int Default Value: 0


containerStyleClass

The CSS class(es) to be added to container element - parent of the form element.

Type: styleclass


height

Minimum height of the accordion, should be used for responsive forms.

Type: int Default Value: "500"


styleClass

The CSS class(es) to be added to accordion element.

Type: styleclass


tabIndex

Type: int Default Value: 1


tabSeq

Type: tabseq


tabs

Type: tab[]


visible

Whether the button is visible or not

Type: visible


Events

onChangeMethodID

Fired after a different tab is selected

@param previousIndex [int] The previous tab index

Parameters:

previousIndex int event JSEvent


API

addTab

Adds a tab to this accordion with that form and text on the given index

Parameters:

form form tabText tagstring index int (optional)

Returns: tab


getTabAt

Return the Tab of the given index.

Parameters:

i int

Returns: tab


removeTabAt

Removes a tab of the given index. Return true if this was sucessfull.

Parameters:

index int

Returns: boolean


selectTabAt

Select the tab of the given index. Return true if this was succesfull.

@deprecated use tabIndex property instead.

Parameters:

index int

Returns: boolean


Types

tab

scripting type: CustomType<bootstrapcomponents-accordion.tab>


Last updated