20
Views
4
Comments
Solved
Customizing ListBox Widget
Application Type
Traditional Web

Hi,

I'm using ListBox + DropdownSelect widget for searching and selecting multiple users in traditional web application. I'm trying to achieve the list content to be in 2lines as shown below which includes combination of multiple attributes:

I'm getting in single line as shown below even though I'm using NewLine() function . Can anyone help me on this.

Regards,

Sahithi

mvp_badge
MVP
Rank: #73
Solution

Hi Sahithi, 

I also tried to replicate the same use-case in  RW application. See this sample app - CustomListBoxWidgetDemo

Refer the attached .oml file

Note: Refer the JS defined in the screen footer placeholder section and the defined CSS class definitions in the screen style sheet section.

Hope this helps you!


Kind regards,

Benjith Sam

Rank: #66
Solution

Hi Sahithi,

I created a component to customize Listbox and Combobox, I hope it helps .

See the attached oap.

DropDown.Two.Lines1.0.0O11.oap

Hi Huarlem,

Thankyou for the response. It was great but for the selected option, the view should only have Username as shown below:


Thanks & Regards,

Sahithi

Rank: #66

Hi Sahithi, make sense, here's the requested change.

DropDown.Two.Lines1.0.0O11.oap

mvp_badge
MVP
Rank: #73
Solution

Hi Sahithi, 

I also tried to replicate the same use-case in  RW application. See this sample app - CustomListBoxWidgetDemo

Refer the attached .oml file

Note: Refer the JS defined in the screen footer placeholder section and the defined CSS class definitions in the screen style sheet section.

Hope this helps you!


Kind regards,

Benjith Sam