Jumbotron (Bootstrap): Difference between revisions
Jump to navigation
Jump to search
(Created page with "file:Bsjumbotron.png == Description == A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site. It has a he...") |
|||
| Line 37: | Line 37: | ||
Standard [[events|events]] are supported. | Standard [[events|events]] are supported. | ||
== Example == | == Example (BASIC) == | ||
<pre> | |||
Function Jumbotron1_onclick() | |||
MsgBox "You clicked Learn More!" | |||
End Function | |||
</pre> | |||
== Example (JavaScript) == | |||
<pre> | |||
Jumbotron1.onclick = function() { | |||
NSB.MsgBox("You clicked Learn More!"); | |||
}; | |||
</pre> | |||
== Output == | == Output == | ||
Revision as of 19:31, 5 June 2016
Description
A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site. It has a header, optional value and optional button.
It can also act as a container for child controls.
Properties and Methods
Standard properties are supported, plus:
| appearance | Appearance of the button. Can be success, info, warning, danger. |
| badge | Adds a Badge to the button. |
| buttonValue | The text of the button. If blank, there is no button. |
| ChangeForm | The form to change to if the button is clicked. |
| fullWidth | Should control be full width of screen? |
| header | The main text. |
| icon | An icon to display on the control. |
| position | How will children be positioned? Absolute, fixed, relative or static. |
| size | Large, medium, small or xsmall. |
| value | The sub text. Leave blank for none. |
Events
Standard events are supported.
Example (BASIC)
Function Jumbotron1_onclick() MsgBox "You clicked Learn More!" End Function
Example (JavaScript)
Jumbotron1.onclick = function() {
NSB.MsgBox("You clicked Learn More!");
};