Tooltip settings that can be passed to the loader to define how the tooltip that is to be opened should look like and behave.

Hierarchy

  • IxTooltipSettings

Properties

alignment?: Alignments

Alignment where tooltip should be positioned.

autoClose?: boolean

Should the tooltip close itself in an interval.

autoCloseInterval?: number

Time in milliseconds (ms).

className?: string

Tooltip style class.

closeByButton?: boolean

Show tooltip close button.

closeByClick?: boolean

Close tooltip on click anywhere outside the tooltip.

closeByEsc?: boolean

Close tooltip via ESC key.

content?: string | HTMLElement | JQuery<HTMLElement> | HTMLElement[]

Tooltip content.

dragAble?: boolean

The tooltip can be moved via drag and drop.

fixed?: boolean

Tooltip position relative to viewport (positioning must be set to window or modal).

height?: string | number

Fix tooltip height.

heightUnit?: HeightUnit

Tooltip height unit.

Values

px | vw (viewport width = width: 1-100)

Defaults

px

htmlTarget?: HTMLElement

An element in the Document Object Model (DOM).

keepVisible?: boolean

Tooltip is kept in the visible region, whenever possible.

key?: string

The tooltip identifier [data-tooltip-key='<key>'].

maxHeight?: string | number

Fix tooltip maximal height.

maxHeightUnit?: string

Tooltip maximal height unit.

Values

px | vw (viewport width = width: 1-100)

Defaults

px

maxWidth?: string | number

Fix tooltip maximal width.

maxWidthUnit?: string

Tooltip maximal width unit.

Values

px | vw (viewport width = width: 1-100)

Defaults

px

modal?: boolean

Tooltip is opened modal. Means that the background is locked with a dark layer.

offsetX?: number

Horizontal tooltip offset in px (affects only when position = "window").

Deprecated

offsetY?: number

Vertical tooltip offset in px (affects only when position = "window").

Deprecated

parent?: string | HTMLElement | ContainerBase

The parent element.

position?: Position

Tooltip positioning.

Values

absolute | element (depends on htmlTarget) | embedded (depends on htmlTarget) | modal | mouse | window | ""

scrollable?: boolean

Content is scrollable in TT_Content container.

title?: string | boolean

Tooltip title.

width?: string | number

Fix tooltip width.

widthUnit?: WidthUnit

Tooltip width unit.

Values

px | vw (viewport width = width: 1-100)

Defaults

px