Gnana Sahithi Munagala
Rank: #7238
20Views
4Comments
Solved
Customizing ListBox Widget
Question
Traditional Web
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

0
0
on 2020-11-03
Copy link to comment
Benjith Sam
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

See solution in context
0
0
on 2020-11-05
Copy link to comment
Huarlem Lima
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

0
0
on 2020-11-04
Copy link to comment

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

0
0
on 2020-11-05
Copy link to comment
Huarlem Lima
Rank: #66

Replying to Gnana Sahithi Munagala's comment on 05 Nov 2020 02:23:49

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

DropDown.Two.Lines1.0.0O11.oap

0
0
on 2020-11-05
Copy link to comment
Benjith Sam
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

0
0
on 2020-11-05
Copy link to comment