Skip to Content (Press Enter)
UserImage.jpg
Phani M
146Views
7Comments
Listbox text wrap
Question
CSS
OutSystems UI Patterns
OutSystems Widgets

Hi Team,

I am using list box with select2 widget. how can wrap text inside listbox without over flow when selected item is very big? 

When selecting item in list box:

 Display in listboxThanks

Phani

0
0
19 May 2020
Copy Link
2023-02-10 19-42-59
João Melo
 
MVP

I'm sorry, it was not clear for me if what you want is to wrap the line of an option when the selection box is open or only after the value is selected.

You might want to have a look at this component: https://www.outsystems.com/forge/component-overview/589/multiline-combobox

0
0
19 May 2020
Copy Link
UserImage.jpg
Phani M

João Melo wrote:

I'm sorry, it was not clear for me if what you want is to wrap the line of an option when the selection box is open or only after the value is selected.

You might want to have a look at this component: https://www.outsystems.com/forge/component-overview/589/multiline-combobox

requirement is to show full text in list box,  currently it is appearing in one line.

if listbox item is big, it has break into lines like below

0
0
19 May 2020
Copy Link
2018-08-26 20-34-32
Pankaj pant

Phani M wrote:

Hi Team,

I am using list box with select2 widget. how can wrap text inside listbox without over flow when selected item is very big? 

When selecting item in list box:

 Display in listboxThanks

Phani

I guessing you want to wrap the text in the new line.

Try to use CSS property to white-space: normal.

Without the ability to inspect the elements this will be hard to help. 

Regards,

Pankaj Pant


0
0
19 May 2020
Copy Link
UserImage.jpg
Phani M

Pankaj pant wrote:

Phani M wrote:

Hi Team,

I am using list box with select2 widget. how can wrap text inside listbox without over flow when selected item is very big? 

When selecting item in list box:

 Display in listboxThanks

Phani

I guessing you want to wrap the text in the new line.

Try to use CSS property to white-space: normal.

Without the ability to inspect the elements this will be hard to help. 

Regards,

Pankaj Pant


you can drag list box widget and populate one big text (2-3 line) of some text.

if your listbox show text in one line like below after selecting item

it should break into next line instead of above


Hope you got my point.


Thanks



0
0
19 May 2020
Copy Link
2023-10-16 05-50-48
Shingo Lam

Hi Phani,

I think you should try this css

select option {
    white-space: pre-wrap;
}
0
0
20 May 2020
Copy Link
2023-02-10 19-42-59
João Melo
 
MVP
UserImage.jpg
Phani M

João Melo wrote:

Again, this component should help: https://www.outsystems.com/forge/component-overview/589/multiline-combobox


Thanks, but I can't use downloaded items in my application. 

0
0
21 May 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.