WaveMaker - Widgets API Documentation
  1. Classes
  2. Tabs

File

projects/components/widgets/containers/tabs/src/tabs.component.doc.ts

Description

The wmTabs component defines the tabs widget.

Index

Methods
Inputs

Methods

onChange
onChange(event: Event, widget: any, newPaneIndex: number, oldPaneIndex: number)

Callback function which will be triggered when the active tab changed from one to another.

Parameters :
Name Type Optional Description
event Event No

Instance of the change event
widget any No

Instance of the tabs widget
newPaneIndex number No

New tab pane index number
oldPaneIndex number No

Old tab pane index number
Returns : void

Inputs

class
Type : string

Class of the widget.
defaultpaneindex
Type : number
Default value : 0

This property sets the default active pane on a load of the widget based on the provided index. The tab index is an integer starting from 0, 1, 2 and so on.
horizontalalign
Type : string
Default value : 'right'

This property sets placement of content.

Allowed Values: left, right, center
name
Type : string

Name of the tabs widget.
show
Type : boolean
Default value : true

This property will be used to show/hide the tabs widget on the web page.

Bindable: true
tabsposition
Type : string
Default value : 'top'

This property determines where the tabs should be displayed w.r.t. the content.

Allowed Values: left, top,right, bottom

left: Tabs will be align at left side of the tabs widget

top: Tabs will be align at top of the tabs widget

right: Tabs will be align at right side of the tabs widget

bottom: Tabs will be align at bottom of the tabs widget
transition
Type : string
Default value : 'none'

This property determines how the tabs should be displayed w.r.t. the content

Allowed Values: none, slide

none: There won't be any animations on tabs.

slide: Selected tab will be animated into the viewport. Swipe events will work only when the transition value is slide.

results matching ""

    No results matching ""