tooltip

LIVE DEMO

Tooltips are small pop-ups that can provide additional information about a UI element on hover and keyboard focus.

XML element: tooltip

Basics

tooltip is a nested element of almost all components and layouts.

To add a nested tooltip element in Jmix Studio, select the UI element in the screen descriptor XML or in the Jmix UI structure panel and click on the Add→Tooltip button in the Jmix UI inspector panel.

An example of defining a button with a tooltip:

<button icon="CREDIT_CARD">
    <tooltip text="Add a credit card" position="END_TOP"/>
</button>
tooltip basic

Attributes

focusDelay - hideDelay - hoverDelay - manual - opened - position - text

focusDelay

Vaadin

Defines the delay in milliseconds before the tooltip appears after keyboard focus.

hideDelay

Vaadin

Defines the delay in milliseconds before the tooltip disappears once the pointer leaves the UI element.

hoverDelay

Vaadin

Defines the delay in milliseconds before the tooltip appears after hover focus.

manual

Vaadin

Defines the manual property of a tooltip.

opened

Vaadin

Defines the opened property of a tooltip.

position

Vaadin

Defines the position property of a tooltip.

text

Vaadin

Defines the plain text content of a tooltip.

See Also

See the Vaadin Docs for more information.