Check out Tooltip Element Function!

You can add the contents you want to appear on the hover when the Cursor is dragged on an element.

Adding Tooltip

You can add the ToolTip element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column, you just add the ToolTip element.

The ToolTip only supports web applications. It does not support mobile applications.

You can add the content that will appear when the Cursor is dragged on the element inside the ToolTip element.


You can add a static value to the Value field, or you can dynamically bring a state, Input element content or a value of an action result via Symbol Picker.


This is the area where adjustments are made for the direction in which the ToolTip will appear.


You can specify the color of the opened ToolTip.


You can use it for authorization for Tooltip element.


You can manage the visibility of the element. It is always visible or hidden, or you can make it appear or hide depending on a condition.

You can add actions that you can add to the Tooltip element with Add Actions.

You can make additional edits to the ToolTip element by adding a layout, text, fill, border, or shadow.

You can make visual adjustments such as environmental interior spaces and sizing. Depending on the size of the ToolTip, you can align the elements in it.

You can set the color and size of the ToolTip text and icon with the Text section.

You can add colors or images to the ToolTip body.

You can add lines to the outer edges of the ToolTip, and give corner bevels.

You can add a shadow effect to the ToolTip element.

Last updated