Breadcrumbs (Bootstrap): Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
← Older edit
 
(3 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 11: Line 11:
{| class="wikitable"
{| class="wikitable"
|-
|-
| appearance || Appearance of the alert. Can be success, info, warning, danger.
| items || An array of items to display. The items should be form names. For example: ['Home','Form2','Form3']. Design time.
|-
|-
| badge || Adds a Badge to the alert.
| length || The number of items in the Breadcrumb's list.
|-
|-
| dismissable || Add an x to dismiss the alert?
| setValue(array) || Overrides the list created by ChangeForm. Elements need to be form names. Run time.
|-
| value || The title of the button. Design time or runtime.
|}
|}


Line 24: 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 44: 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

Retrieved from "https://wiki.appstudio.dev/index.php?title=Breadcrumbs_(Bootstrap)&oldid=9831"