Modal (Bootstrap): Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
Line 36: | Line 36: | ||
== Example (BASIC) == | == Example (BASIC) == | ||
<pre> | <pre> | ||
Function | Function Button1_onclick() | ||
Modal1.toggle() | |||
End Function | End Function | ||
</pre> | </pre> |
Revision as of 20:22, 5 June 2016
Description
A Modal control displays a panel of information above your app. It can contain a header, detail or footers. By default, it is hidden, so it cannot be seen in the Design Screen. It needs to opened using
$("#Modal1").modal("toggle")
It can also act as a container for child controls.
Properties and Methods
Standard properties are supported, plus:
badge | Adds a Badge to the control. Design Time and Runtime. | ||
footer | The text on the bottom. Leave blank for none. Design Time and Runtime. | ||
footerAlign | Alignment of footer contents. left, center or right. Design time. | ||
header | The heading in the control. Leave blank for none. Design Time and Runtime. | ||
size | Size of Modal control. small, medium or large. | ||
toggle() | Show or hide the Model panel.
- |
value | The text in the center of the control. Leave blank for none. Design Time and Runtime. |
Events
Standard events are supported.
Example (BASIC)
Function Button1_onclick() Modal1.toggle() End Function
Example (JavaScript)
Media1.onclick = function() { NSB.MsgBox("Media1 clicked!"); };