ToolTip

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.

1. Properties

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

Title

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.

Placement

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

Color

You can specify the color of the opened ToolTip.

Authorization

You can use it for authorization for Tooltip element.

Visibility

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.

Actions

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

2. Styling

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

Layout

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.

Text

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

Fill

You can add colors or images to the ToolTip body.

Border

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

Shadow

You can add a shadow effect to the ToolTip element.