cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Stay updated on what is happening on the PTC Community by subscribing to PTC Community Announcements. X

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

Partha
4-Participant

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

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.

1 ACCEPTED SOLUTION

Accepted Solutions
Partha
4-Participant
(To:yhan)

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

View solution in original post

3 REPLIES 3
yhan
17-Peridot
(To:Partha)

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;
}
Partha
4-Participant
(To:yhan)

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

mgoel
17-Peridot
(To:Partha)

@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

Top Tags