Inline Dialog Options

Options for an inline dialog target

Example

1
2
3
4
5
6
7
8
9
10
11
{
  "target": {
    "type": "inlinedialog",
    "options": {
      "onHover": true,
      "offsetX": "30px",
      "offsetY": "20px"
    }
  }
}

Properties

closeOthers
Type
Description

Determines if all other dialogs on the screen are closed when this one is opened


isRelativeToMouse
Type
Description

Determines if the dialog should be shown relative to where the mouse is at the time of the event trigger (normally a click) if set to false the dialog will show aligned to the left of the trigger with the arrow showing at the center


offsetX
Type
Max length
10
Description

Sets an offset distance of the inline-dialog from the trigger element along the x-axis in pixels


offsetY
Type
Max length
10
Description

Sets an offset distance of the inline-dialog from the trigger element along the y-axis in pixels


onHover
Type
Description

Deprecated due to poor user experience.

Determines whether the Inline Dialog can be opened by a mouseenter event on the trigger, as well as the default click.


onTop
Type
Description

Determines if the dialog should be shown above the trigger or not. If this option is true but there is insufficient room above the trigger the inline-dialog will be flipped to display below it


persistent
Type
Description

This option, ignores the 'closeOthers' option


showDelay
Type
Description

Determines how long in milliseconds after a show trigger is fired (such as a trigger click) until the dialog is shown


width
Type
Max length
10
Description

Sets how wide the dialog is in pixels.


Rate this page: