Difference between revisions of "PopUp"

From NSB App Studio
Jump to navigation Jump to search
Line 12: Line 12:
{| class="wikitable"
{| class="wikitable"
|-
|-
| close-icon-position || Where should the close icon appear? To the left, right or not at all?
| data-transition || How should the popup be animated? Choices are none, pop, fade, flip, turn, flow, slide, slide fade, slide up, slide down .
|-
|-
| message || The message which appears when the mouse is over the icon. Could be something like "Learn more". Does not do anything on touchscreen devices.
| message || The message which appears when the mouse is over the icon. Could be something like "Learn more". Does not do anything on touchscreen devices.

Revision as of 21:31, 14 February 2014

Popup3.png Popup2.png Popup1.png

Description

The PopUp control is used to display a popup or text centered over the PopUp button.

Properties

Standard properties are supported, plus:

data-transition How should the popup be animated? Choices are none, pop, fade, flip, turn, flow, slide, slide fade, slide up, slide down .
message The message which appears when the mouse is over the icon. Could be something like "Learn more". Does not do anything on touchscreen devices.
popupmsg The message which appears when the icon is clicked. Can be formatted HTML.
tipWidth The width of the tip. Can be in pixels (100px) or a percent of screen width (50%).

Events

Standard events are supported. However, events are not usually associated with the control.

Example

To respond to a user selecting an item in the picker, do the following:

 Function PopUp1_onclick(m)
  If typeof(m)="object" Then Exit Function
  MsgBox m
  PopUp1.close()
End Function

Output