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(previousIndex,event)

Fired after a different tab is selected

Parameters:

• {int} previousIndex

• {JSEvent} event

---

API

addTab(form,tabText,index)

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

Parameters:

• {form} form

• {tagstring} tabText

• {int} [index]

Returns: tab

---

getTabAt(i)

Return the Tab of the given index.

Parameters:

• {int} i

Returns: tab

---

removeTabAt(index)

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

Parameters:

• {int} index

Returns: boolean

---

selectTabAt(index)

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

@deprecated use tabIndex property instead.

Parameters:

• {int} index

Returns: boolean

---

Types

tab

scripting type: CustomType<bootstrapcomponents-accordion.tab>

• containedForm

  • Type: form

• disabled

  • Type: boolean

  • Default Value: false

• name

  • Type: string

• relationName

  • Type: relation

• text

  • Type: tagstring

  • Default Value: "tab"

---