TabPanel

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

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

Properties

closeIconStyleClass

Type: styleclass Default Value: "glyphicon glyphicon-remove close-icon"

---

containerStyleClass

Type: styleclass

---

height

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: string Default Value: "500"

---

showTabCloseIcon

Type: boolean Default Value: false

---

styleClass

Set the styleclasses that should be applied at to this component

Type: styleclass

---

tabIndex

Type: int Default Value: 1

---

tabSeq

Tab sequence number of form containers is used for all nested components in the main form.

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

---

onTabClickedMethodID(event,clickedTabIndex,dataTarget)

Fired when the user clicks on a tab. When false is returned, the tab switch is prevented

Parameters:

• {JSEvent} event

• {int} clickedTabIndex

• {string} dataTarget

Returns: {boolean}

---

onTabCloseMethodID(event,clickedTabIndex)

Fired when the user clicks on the tab close icon. When false is returned, the tab close is prevented

Parameters:

• {JSEvent} event

• {int} clickedTabIndex

Returns: {boolean}

---

API

addTab(form,tabText,index)

Adds a tab with the given form and tab text on the given index.

Parameters:

• {form} form The name of the form to add as a tab

• {tagstring} tabText TabText the tab text that should be displayed

• {int} [index] Optional give an index where the tab should be placed, default at the end.

Returns: tab

---

getTabAt(i)

@return {tab}

Parameters:

• {int} i

Returns: tab

---

removeAllTabs()

Removes all tabs of this tabpanel

Returns: boolean

---

removeTabAt(index)

Removes the tab from the given index.

Parameters:

• {int} index

Returns: boolean

---

selectTabAt(index)

Selects the tab of the given index

@deprecated use tabIndex property instead.

Parameters:

• {int} index

Returns: boolean

---

Types

tab

scripting type: CustomType<bootstrapcomponents-tabpanel.tab>

• containedForm

  • Type: form

• disabled

  • Type: boolean

  • Default Value: false

• hideCloseIcon

  • Type: boolean

  • Default Value: false

• iconStyleClass

  • Type: styleclass

• imageMediaID

  • Type: media

• name

  • Type: string

• relationName

  • Type: relation

• styleClass

  • Type: styleclass

• text

  • Type: tagstring

• toolTipText

  • Type: tagstring

---