75
Views
4
Comments
Dropdown labels- on hover show title

I have got a dropdown menu with a fixed width, if a label from within the dropdown is too long, then it is currently showing '...' , I want to be able 'on hover' to show the full title of that label within the dropdown. I know with other widgets this has been done by adding a title attribute, how is this done with the dropdown widget ?

2024-10-25 09-14-42
Christopher Bautista

Hi Daniel, better to use the one from OutsystemsUI, more customizable.

2023-10-27 15-22-53
Daniel Hickinbottom

Hi Christopher , sorry should've explained better, I'm already using the UI widget, but I can't make it wider due to UI design, so if anything is wider that that dropdown then I still want the user to be able to see the full label on hover.

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi @Daniel Hickinbottom ,

can you share what exact dropdown widget you are using, there are several.

If you don't have a particular preference, one way to do it is to use a standard Dropdown, and change the content to custom.  Then add an expression into it (or any other content you want) and on this element, you can add a title attribute for example.



Dorine

2024-05-30 10-12-48
Anushka singh

Enable Tooltip on Dropdown Options: Set the 'Title' property of each dropdown option to the full label text. This will enable tooltips to display the full label text when hovered over.


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.