Image (Bootstrap): Difference between revisions
Jump to navigation
Jump to search
Line 35: | Line 35: | ||
== Example (JavaScript) == | == Example (JavaScript) == | ||
<pre> | <pre> | ||
Image1.onclick = function() { | |||
NSB.MsgBox(" | NSB.MsgBox("clicked"); | ||
}; | };</pre> | ||
</pre> | |||
== Output == | == Output == |
Revision as of 12:33, 5 June 2016
Description
Images in Bootstrap can be made responsive-friendly using the responsive property. This applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.
Popovers and Tooltips are supported.
Properties and Methods
Standard properties are supported, plus:
center | Should image be centered in container? |
responsive | Should image resize to container? |
shape | Thumbnail, rounded or circle? |
src | Image path. Set to empty for none. Can be .png, gif, bmp or jpg. |
Events
Standard events are supported. For this control, the onclick event will be most useful.
Example (Basic)
Images can also be used a buttons by adding a click script:
Function Image1_onclick() MsgBox "Clcked!" End Function
Example (JavaScript)
Image1.onclick = function() { NSB.MsgBox("clicked"); };