Image (Bootstrap)

From NSB App Studio
Revision as of 12:28, 5 June 2016 by Ghenne (talk | contribs) (Created page with "file:Bsimage.png == Description == Images in Bootstrap can be made responsive-friendly using the ''responsive'' property. This applies max-width: 100%;, height: auto; an...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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:

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)

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

Example (JavaScript)

Alert1.onclick = function() {
    NSB.MsgBox("You can display a message or take other action when clicked");
};

Output