Tutorials

/

Tooltip Element: How Do You Use It?

The tooltip element is used to keep the interface simple by displaying an explanatory message when the user hovers over an item, providing additional information only when needed.

A tooltip is an interactive information bubble used to provide additional information about an element in the user interface. When the user hovers over the relevant element, the tooltip appears and displays an explanatory message about that element. This allows the interface to remain simple, while providing the user with the necessary additional information only when needed.

To use this element, first drag the “Tooltip” element onto your page. Type the message you want to display in the “Title” field. You can set the display position using the “Bottom” field. Select your text style and place your “Image” element inside the “Tooltip.” Upload your image and make your adjustments.

When the application is tested, the “Tooltip” element automatically appears when the cursor hovers over the image and displays a short text explaining what the image represents. The tooltip closes when the user moves the cursor away from the image. This structure provides users with quick and clear information without taking up additional screen space.