Navs (Bootstrap)

From NSB App Studio
Revision as of 14:07, 25 January 2021 by Ghenne (talk | contribs) (→‎Properties and Methods)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

This control was added in Bootstrap 4.

Description

Provide navigation links with customizable appearance.

Properties and Methods

Standard properties are supported, plus:

addItem(item, active, disabled) Add an item. active and disabled are true/false. Runtime.
clear() Remove all items. Run Time.
items Items to show, one per line. Prefix * for disabled, > for selected. Design Time.
justified How do the items spread to fit? 'justified' or 'fill'. Design Time.
tabstyle How do the Navs look? Navs is an outline, Pills look like buttons. Design Time.
value Gets/sets the selected item. Starts from 0. Returns -1 if none selected. Run Time.
vertical If set to true, the items will be arranged vertically. Design Time

Events

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

Example

// JavaScript
Navs1.onclick = function(i) {
  if (typeof i == "object") return;
  NSB.MsgBox("Item clicked: " + Navs1.value);
};

' Basic
Function Navs1_onclick(i)
  If TypeName(i) = "object" Then Exit Function
  MsgBox "Item clicked: " & Navs1.value
End Function

Output