Media (Bootstrap): Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 16: Line 16:
| header || The heading in the control.
| header || The heading in the control.
|-
|-
| imageAlignment || Position of the image. top, middle or bottom.
| imageAlignment || Position of the image. top, middle or bottom, relative to the height of the text.
|-
|-
| imageHorizontal || Position of the image. left or right.
| imageHorizontal || Position of the image. left or right.

Revision as of 15:05, 15 June 2016

Description

Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

It can also act as a container for child controls.

Properties and Methods

Standard properties are supported, plus:

center Should image be centered in container?
header The heading in the control.
imageAlignment Position of the image. top, middle or bottom, relative to the height of the text.
imageHorizontal Position of the image. left or right.
position How will the children be positioned? absolute, fixed, relative or static.
responsive Should image resize to container?
shape The shape of the icon. thumbnail, rounded or circle.
position How will children be positioned? Absolute, fixed, relative or static.
src Filename of Image. Set to empty for none. Can be .png, gif, bmp or jpg.
value The sub text. Leave blank for none.

Events

Standard events are supported.

Example (BASIC)

Function Media1_onclick()
  MsgBox "Media1 clicked!"
End Function

Example (JavaScript)

Media1.onclick = function() {
    NSB.MsgBox("Media1 clicked!");
};

Output