A PopUp Bubble behaves a bit like a tooltip. It looks like a balloon, or a speech bubble and can be attached to Modo elements or fixed positions on the screen.
When opened, the PopUp Bubble will appear and can close itself when the user clicks somewhere on the screen.
The most useful feature of the PopUp Bubble is its capability to attach itself relatively to another Modo element.
The PopUpBubble is an extension of modo.PopUp.
The following list of parameters can be used in the params object, passed to the constructor. Parameters in [brackets] are optional.
Enable or disable the element to be automatically hidden when the user clicks somewhere in the application. Default:
If set to true, the PopUp will use jQuerys
When set to true, a hit on the keyboards ESC key will close the window. Default: true
Function to be called when the element should be shown. Called when
Function to be called when the element should be hidden. Called when
A string with custom CSS classes to apply to the generated DOM element
A object with attributes to assign to the generated DOM element. Omit the "data-" part. So for example
The jQuery enhanced DOM element to be generated. If nothing is set, a standard DIV container will be created. If you want to use a different DOM element, pass a jQuery generated DOM element to this parameter.
The default show effect for the element. See associated property description. Default:
The default hide effect for the element. See associated property description. Default:
Inherited Properties from modo.PopUp
Attaches the PopUp Bubble to a interface element.
open() afterwards to display the PopUp Bubble.
targetElement can be any Modo Element and any DOM element.
position can be one of the following string values:
Attach on top, direction left
Attach on top, align centered
Attach on top, direction right
Attach to the left, direction up
Attach to the left, align centered
Attach to the left, direction down
Attach to the right, direction up
Attach to the right, align centered
Attach to the right, align down
Attach on bottom, direction left
Attach on bottom, align centered
Attach on bottom, direction right
Inherited Methods from modo.PopUp
Will display the PopUp on screen. This triggers the Backbone Event "open".
Will hide the PopUp from screen. This triggers the Backbone Event "close".
This will be assigned to CSS properties, so all valid CSS position values will work.
Returns either true or false when the window is currently open or closed.
Triggered when the elements value has been changed through
Triggered, when the button is enabled and a user has clicked on it.
The click event object
Triggered, when the button has been enabled through
Triggered, when the button has been disabled through
Inherited Events from modo.Element
Triggered, when the object has been displayed through
Triggered, when the object has been hidden through
Applied on the element.
Also applied to a
span tag inside the element to act as a checker when the
custom property has been set to true.
Applied to a
span tag to act as a label.
Applied to the element when the elements value is set to
Applied when the element has been disabled through
disable(). Will be removed after
a call to
Inherited CSS Classes from modo.Element
Basic class that will be applied to every element that extends
Will be applied to every modo element where
setFlexible(true) has been called upon.