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'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

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


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

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



Hi Phani,

I think you should try this css

select option {
    white-space: pre-wrap;
}

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.