Skip to main content
P
Partha1-Visitor
1-Visitor
May 18, 2021
Solved

How to make that dropdown selected text in multi line(wrap)

  • May 18, 2021
  • 2 replies
  • 14439 views

I could not see the entire dropdown selected text in dropdown widget when selected text is lengthy,

is there any way to show wrap format in selected text in dropdown widget.

Best answer by Partha

Hi

Thanks for the suggestion, but i am expecting only selected item in the dropdown , but i found   workaround for that issue.

workaround is

 

1) passing one more  html field for  dropdown display   field.

2) rendering html with formatting using Dropdown  List Render option

2 replies

Y
yhan17-Peridot
17-Peridot
May 19, 2021

I didn't found a way about how to make selected text in multi-line dynamically, but how about using hint text instead?

Below image shows long name item text wrap, it's a little hard to read:

5-19-2021 11-33-46 AM.jpg

The below image shows using hint text instead

5-19-2021 11-35-15 AM.jpg

by using CSS code:

ptcs-list { 
 overflow-wrap: break-word;
 width: 10rem;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
P
Partha1-VisitorAuthorAnswer
1-Visitor
May 22, 2021

Hi

Thanks for the suggestion, but i am expecting only selected item in the dropdown , but i found   workaround for that issue.

workaround is

 

1) passing one more  html field for  dropdown display   field.

2) rendering html with formatting using Dropdown  List Render option

M
mgoel5-Regular Member
5-Regular Member
May 21, 2021

@Partha 

 

If you feel previous response was helpful to resolve your issue then please mark that accept as solution for the benefit of other community users.

 

Regards,

Mohit

Terms & ConditionsAccessibility statement