div-tooltip

Tooltip.

Parameters

Parameters Description
div

object

Required parameter.

An element that will be shown in a tooltip. If there are tooltips inside an element, they won't be shown.

The value has the type div.

Available platforms: Android, iOS, web.

List of possible values:

  • div-image
  • div-gif-image
  • div-text
  • div-separator
  • div-container
  • div-grid
  • div-gallery
  • div-pager
  • div-tabs
  • div-state
  • div-custom
  • div-indicator
  • div-slider
  • div-switch
  • div-input
  • div-select
  • div-video
  • id

    string

    Required parameter.

    Tooltip ID. It is used to avoid re-showing. It must be unique for all element tooltips.

    Available platforms: Android, iOS, web.

    position

    string

    Required parameter.

    The position of a tooltip relative to an element it belongs to.

    Possible values: left, top-left, top, top-right, right, bottom-right, bottom, bottom-left, center.

    Available platforms: Android, iOS, web.

    animation_in

    object

    Tooltip appearance animation. By default, the tooltip will be appearing gradually with an offset from the anchor point by 10 dp.

    The value has the type div-animation.

    Available platforms: Android, web.

    animation_out

    object

    Tooltip disappearance animation. By default, the tooltip will disappear gradually with an offset from the anchor point by 10 dp.

    The value has the type div-animation.

    Available platforms: Android, web.

    duration

    int

    Duration of the tooltip visibility in milliseconds. When the value is set to 0, the tooltip will be visible until the user hides it.

    Restriction for the value x: x >= 0.

    Default value: 5000.

    Available platforms: Android, iOS, web.

    offset

    object

    Shift relative to an anchor point.

    The value has the type div-point.

    Available platforms: Android, iOS, web.

    JSON
    {
      animation_in: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      animation_out: {
        duration: "int",
        end_value: "number",
        interpolator: "string",
        items: [ div-animation, ... ],
        name*: "string",
        repeat: div-count,
        start_delay: "int",
        start_value: "number"
      },
      div*: div,
      duration: "int",
      id*: "string",
      offset: {
        x*: {
          unit: "string",
          value*: "number"
        },
        y*: {
          unit: "string",
          value*: "number"
        }
      },
      position*: "string"
    }
    
    Previous