Navs (Bootstrap): Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 11: Line 11:
Standard [[properties and methods|properties]] are supported, plus:
Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
{| class="wikitable"
|-
| clear() || Remove all items. Design Time.
|-
|-
| items || Items to show, one per line. Prefix * for disabled, > for selected. Design Time.
| items || Items to show, one per line. Prefix * for disabled, > for selected. Design Time.

Revision as of 14:43, 24 February 2019

This control was added in Bootstrap 4.

Description

Provide navigation links with customizable appearance.

Properties and Methods

Standard properties are supported, plus:

clear() Remove all items. Design 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.
Navstyle How do the Navs look? Navs is an outline, Pills look like buttons. Design 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 (Basic)

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

Example (JavaScript)

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

Output