Dynamic Tooltip Widget

Content Type: Widget
Categories: User Interface


Introducing the "Dynamic Tooltip" Mendix widget, powered by React to enhance your Mendix apps with smart tooltip features.

With this widget, tooltips appear only when text overflows its container, thanks to our "Dynamic mode" toggle. No more cluttering the screen with unnecessary tooltips!

We've also added a neat ellipsis (...) feature to keep tooltips looking sleek, ensuring they never disrupt your layout.


Typical usage scenario

When a column inside a list have the data which length is changing in every row then the developer can use Dynamic Tooltip. So that if the text is small then tooltip will not appear and if the text length is bigger then columns length the text will be ellipsed and tooltip will appear.

Features and limitations

Dynamic Tooltip widget will make the tooltip appears based on the width of the text. If bigger then the Parent Container then tooltip will work else will not.

Limitations: Only tested and verified working of widget with [ text, h1, h2, h3, h , h5, p].


To make the Dynamic Tooltip works then go to General properties panel and set the Dynamic property to yes. 

Frequently Asked Questions

1. Will this works as same as tooltip widget provided by mendix if dynamic property set to no?

Answer - Yes, If the developer set the dynamic property to no then the Dynamic tooltip will works as same as Tooltip widget provided by mendix.


Version: 1.0.0
Framework Version: 9.24.4
Release Notes: We have add the Dynamic mode into the General properties panel. If the Dynamic mode is set to yes then the tooltip will only appear when the trigger text is became bigger then the parent container. If the text is bigger then the parent container then the text will be ellipsed overflow text will be hiddern. Making the text dynamic with the dynamic tooltip.