Tabs (Bootstrap)

From NSB App Studio
Revision as of 11:41, 6 June 2016 by Ghenne (talk | contribs) (Created page with "file:Bstabs.png == Description == Provide tab links for your site or app with customizable appearance. Introduction_to_Bootstrap#Popovers_and_Tooltips|Popovers and To...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Description

Provide tab links for your site or app with customizable appearance.

Popovers and Tooltips are supported.

Properties and Methods

Standard properties are supported, plus:

addItem(item, type) Adds an item to the end. type can be "active" or "disabled" . Runtime.
clear Clears all items. Runtime.
items Items to show, one per line. Prefix * for disabled, > for selected, ! for heading (not all controls support headings). Design Time.
justified Make tabs or pills equal widths of their parent at screens wider than 768px. On smaller screens, the nav links are stacked. Design Time.
length Current number of items. Runtime.
pills Show tabs highlighted with Pill format? tabs or pills. Runtime.
value Get and set the active tab. Runtime.
vertical Show Tabs/Pills vertically? (If so, >selected only works for Pills.). Design Time.

Events

Standard events are supported. For this control, the onclick event will be most useful.

Example (Basic)

Function Tabs1_onclick(i)
  MsgBox "Tab chosen: " + Tabs1.value
End Function

Example (JavaScript)

Tabs1.onclick = function(i) {
    NSB.MsgBox("Tab chosen: " + Tabs1.value);
};

Output