Hi,
I have a DropdownSearch block filled with long texts. When I select one of them, the whole text of this item cannot be displayed and is truncated using ellipsis - like below:
But when we look at the HTML we can see the below markup:
It looks like prepared to display the tooltip, containing full text of the item. But the tooltip is not displayed.
Does anybody know, what should be done to make it working?
Regards
Tomasz M. Lipiński
Hi Tomasz,
To make the DropdownSearch widget Tooltip feature work - you need to explicitly reference the supporting JS/CSS files which OutSystemsUI doesn't includes by default.
Under the hood, OutSystems reference the VirtualSelect JS library for the DropdownSearch widget.
Refer to the attached oml.
Demo app: DropdownSearchWithTooltipTask
I hope this helps you!
Kind regards,
Benjith Sam
Hi Tomas, are you using the latest version of Outsystems UI as your base theme?
Thanks for the response,
I saw your oml file but I did not understand how did you get the tooltip
the key is to include the tooltip_min_js.js script file:
You can copy this file from the attached .oml or download it from this place.
Tomasz
I'm working in my project on VM. I guess its not possible for me to download githu files. Is there any other solution?
Please, find this file attached.
You guess that it is impossible to download the file or you have tried and you are sure? It is an open site so it should be possible.
As an alternative - have you tried to open the Benjith's .oml? I yes - just copy & paste the required file.
Please, find this file attached (remove trailing "xxx").
Unfortunately, it is not allowed to attach this file here.
Hi @Tomasz M Lipinski,Thank you for your feedback! The tooltip is a feature offered by our provider (VirtualSelect), and while we are not blocking it, we do not support this feature. Currently, there are no plans to include it in our product. However, if the number of requests for this feature increases, we will reevaluate our decision and consider incorporating it in the future. I suggest adding that idea to Ideas.Kind Regards,Jéssica M.
Hi @Benjith Sam ,
I tried to implement your script in our project, but all search dropdown are being overridden . Is there any way to implement js so that it affects only in the place where it is been called? I have called the block in one one of our screen , but it is reflected in all other screens of our project.
Regards,
Varuni R