Webanizr Logo
Open / sluit menu
Module textBalloon

Last change: May 19, 2020

Current version: 1.0.2

The textBalloon module creates a text balloon on click specified element and inside the balloon, the specified text is shown.

syntax

webanizr.collect('textBalloon', {id__element : "text-balloon-open", text__balloon : 'text ti show inside balloon'});

parameters

The formValues module accepts the following parameters:

id__element (required)

The element to show text balloon if this element is clicked.

text__balloon (required)

Text to show inside text balloon.

offset__height (optional)

Number of pixels to give the balloon a vertical offset. Can also be a negative number.

offset__width (optional)

Number of pixels to give the balloon a horizontal offset. Can also be a negative number.

callback

If there's a callback, the callback is called when text balloon is shown.

demo

Show a text balloon:

https://cdn.cpmodules.webanizr.com/demo/text-balloon/index.html

Text balloon as a help hint for form:

https://cdn.cpmodules.webanizr.com/demo/form-help-hints/index.html

 

Changelog

  • November 1, 2019: 1.0.2 - Recalculated the popup position to prevent overflow from screen.
  • November 1, 2019: 1.0.1 - Fixed typo.
  • November 1, 2019: 1.0.0 - Initial version.