How to make the long names visible on the Field List

Answered
Mantas asked on October 11, 2022

Hello, there is one more problem, but I do not know if it is solvable (attached file) - if field text is longer, it is hidden. There is no way to make left side wider. Is there any way to make popup use 90% of the screen, or full screen, or add splitter/divider, to make column wider on request?
 
 

Attachments:
fields-194555865.png

Solomiia Andrusiv created this ticket from #48477

3 answers

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster October 12, 2022

Hello, Mantas!
 
Thank you for your question.
 
Kindly note that the tooltip with the full name of the field always appears on hover.
 
However, you can change the width of the Field List pop-up by overriding a couple of CSS properties. 
Please note that the width of the Field List pop-up is limited by the width of the pivot.
 
We have prepared a JSFiddle example with the Field List stretched to the full width of the component: https://jsfiddle.net/flexmonster/grwj7x1v/.
Please check out the CSS box, where the width and left properties are overridden.
 
Hope you will find our answer helpful.
 
Regards,
Solomiia

Public
Mantas October 12, 2022

Thank you for your response. I used:

#fm-pivot-view .fm-fields-view.fm-pivot-fields {
  width: 90% !important;
  left: 5% !important;
}

That should work for me.

Public
Solomiia Andrusiv Solomiia Andrusiv Flexmonster October 13, 2022

Hello, Mantas!

Thank you for your quick response.

We are glad to hear that the suggested approach works well for you.

You are welcome to ask in case of any other questions.

Kind regards,
Solomiia

Please login or Register to Submit Answer