Hover over value

0
Hi Everyone, I have a requirement where i have list view in datagrid2 and in list view the associated list of values will be populated. In that column I want to show 2-3 values and display all values by hovering over it. how to implement?
asked
2 answers
0

Hi Vaishnavi, 

 

Perhaps this similar post can help you:

https://community.mendix.com/link/space/user-experience/questions/89452

 

Another alternative, depending on your requirements is to use custom scss and play with the css :hover pseudo-class and depending if it's hover or not, apply display: none or something similar.

 

Hope this helps,

João

answered
0

Hi Vaishnavi 

You can do this by showing 2–3 items in the column and showing all values on hover using a tooltip.

 

Here’s how to do it:

  1. Inside the Datagrid2 column, add a List View and limit it to show only 2 or 3 items.
  2. Create a non-persistent attribute (like FullListText) and in a microflow, loop over the full associated list to create a string like:

"Value 1, Value 2, Value 3, Value 4...".

  1. Bind this string to the Title property of a container Mendix will show this as a tooltip when user hovers.

 

So your UI stays clean, and the user sees the full list only when hovering.

No extra widget needed works with just native Mendix features.

answered