Breadcrumbs (Bootstrap): Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:
Indicate the current page's location within a navigational hierarchy.
Indicate the current page's location within a navigational hierarchy.


When you navigate through pages using the ChangeForm function, they automatically get added to the Breadcrumb. You can display it at the top of your screen. This gives the user an easy way to tell where they are in complex, multi level apps, as well as an easy way to navigate back through your app.
You can display it at the top of your screen. This gives the user an easy way to tell where they are in complex, multi level apps, as well as an easy way to navigate back through your app.


== Properties and Methods ==
== Properties and Methods ==
Line 10: Line 10:
Standard [[properties and methods|properties]] are supported, plus:
Standard [[properties and methods|properties]] are supported, plus:
{| class="wikitable"
{| class="wikitable"
|-
| items || An array of items to display. The items should be form names. For example: ['Home','Form2','Form3']. Design time.
|-
|-
| length || The number of items in the Breadcrumb's list.
| length || The number of items in the Breadcrumb's list.
|-
|-
| setValue(array) || Overrides the list created by ChangeForm. Elements need to be form names.
| setValue(array) || Overrides the list created by ChangeForm. Elements need to be form names. Run time.
|}
|}


Line 20: Line 22:
Standard [[events|events]] are supported. For this control, the onclick event will be most useful.
Standard [[events|events]] are supported. For this control, the onclick event will be most useful.


== Example (Basic) ==
== Example ==
 
Function Alert2_onclick()
  MsgBox "You can display a message or take other action when clicked"
End Function
 
== Example (JavaScript) ==


Alert1.onclick = function() {
  Breadcrumbs3.setValue(["Home","Form2","Form3"])
    NSB.MsgBox("You can display a message or take other action when clicked");
};


== Output ==
== Output ==
Line 40: Line 34:


[[Category:Bootstrap]]
[[Category:Bootstrap]]
[[Category:iWebKit]]

Latest revision as of 14:15, 2 February 2019

Description

Indicate the current page's location within a navigational hierarchy.

You can display it at the top of your screen. This gives the user an easy way to tell where they are in complex, multi level apps, as well as an easy way to navigate back through your app.

Properties and Methods

Standard properties are supported, plus:

items An array of items to display. The items should be form names. For example: ['Home','Form2','Form3']. Design time.
length The number of items in the Breadcrumb's list.
setValue(array) Overrides the list created by ChangeForm. Elements need to be form names. Run time.

Events

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

Example

 Breadcrumbs3.setValue(["Home","Form2","Form3"])

Output