Skip to Content (Press Enter)
2021-04-12 11-47-04
Bart Nooijens
350Views
5Comments
Solved
Limit list items to be shown and limit list items to be clicked
Question
Reactive
Application Type
Reactive

Hi Community,

I have two questions regarding a checkbox list and can't seem to find a solution for it. I did also attach a OML with my logic so far.

I also did check the forge if there any example on there (Multi Select Checkbox Reactive Web Application and Multiple Selection Dropdown Widget (Reactive And Mobile))

  1. In the example below I do have 9 items in my list and want to limit the shown items to 5. Does the list contain more than 5 items a "Show More" text needs to be shown. Is there a way to limit the amount of records shown from a list? And then how do I show all records when I click on show more?
  2. In the example above you can see I have a list with checkbox items. I also do have a input parameter where I want to control the amount. With some filters only one checkbox may be selected and with other filters all checkboxes may be selected. Is there a way to set the maximum number of options that can be selected?

Thanks in advance,

Bart

MultiSelectExample.oml
0
0
10 Feb 2022
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Replying to Bart Nooijens' comment on 10 Feb 2022 11:57:45

Hi Bart,

Based on my understanding of the use case, I have introduced few logic with an additional input parameter called SingleSelection.

See this demo screen: MultiSelectCheckboxDemo

I hope this helps you!


Kind regards,

Benjith Sam

See solution in context
RWA_Lab_CustomMultiSelect.oml
1
0
10 Feb 2022
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP

Hi Bart,

I had tried to build the mentioned use case with a few code changes in the shared implementation, and it's working as expected. Refer to the attached .oml file.

See this demo screen: MultiSelectCheckboxDemo

I hope this helps you!


Kind regards,

Benjith Sam

RWA_Lab_CustomMultiSelect.oml
1
0
10 Feb 2022
Copy Link
2021-04-12 11-47-04
Bart Nooijens

Hi @Benjith Sam,

Thanks for your reply and your time to work out a working example. The provided solution is 90% of what I was looking for but I think I did not mention it properly. In one of the mentioned use cases you should only be able to select 1 checkbox. The other checkboxes should not be disabled. When you select another checkbox, the previous checkbox must be unchecked and the new one checked. When I think of this, you could say this is the behaviour of a radio button group but then with checkboxes.

Best,

Bart

0
0
10 Feb 2022
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP
Solution

Replying to Bart Nooijens' comment on 10 Feb 2022 11:57:45

Hi Bart,

Based on my understanding of the use case, I have introduced few logic with an additional input parameter called SingleSelection.

See this demo screen: MultiSelectCheckboxDemo

I hope this helps you!


Kind regards,

Benjith Sam

RWA_Lab_CustomMultiSelect.oml
1
0
10 Feb 2022
Copy Link
2021-04-12 11-47-04
Bart Nooijens

Replying to Benjith Sam's comment on 10 Feb 2022 12:33:02

Hi Benjith,

Thanks. This is exactly what I was looking for.

Best,

Bart

0
0
10 Feb 2022
Copy Link
2021-03-18 21-03-15
Benjith Sam
 
MVP

Replying to Bart Nooijens' comment on 10 Feb 2022 12:40:47

You're welcome, Bart.

Glad to help you!


Kind regards,

Benjith Sam

0
0
10 Feb 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.