Skip to Content

Recently, we have built a dashboard for the customer who wants to have tooltip for the Combo Box.

I would like to share the technique how effectively we can utilize it for Help, Tooltip just using Icon, Image and Text.

Let me explain the step-by-step to implement it.

Icon Component : Icon has to be placed in appropriate location which is close to the component requires tooltip.

It helps to make the “Tooltip” while only you scroll over.

Property – General : Set the destination to be mapped to the spreadsheet cell which inturn act as input for displaying the tooltip (Image and Text)

Tooltip-General.png

Property – Behavior : It has to input the value when “Mouse Over”. Hence, it sets the value only when the mouse hover it.

Tooltip-Behavior.png

Property – Appearance : Of course, finally we need to set the transparency to 100% as it will not be displayed to the users.

Tooltip-Appearance.png

Now, its turn to set the image. Choose appropriate image file to display as Help/Tooltip text outline image and set the image proprty as follows,

Tooltip Image - General.png

The dynamic visibility has to be set based on the cell content of Icon output set in first place.

Tooltip Image - Behavior.png

Now we can set the Text which needs to in-line within the image set. Map the appropriate Help/Tooltip text from the spreadsheet.

We can set dynamic text which will help the dashboard based on the components appear in the position. similar to image, text property

has to be set for Dynamic Visibility.

Tooltip Txt - General.png

Tooltip Txt - Behavior.png

Finally, we are ready to view the output. when we preview the dashboard, and scroll over the Icon, it may look like the below output.

The same can be utilized as Help file for the dashboard.

Tooltip - Output.png

Looking forward for your questions, inputs and comments.

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply