63
Views
5
Comments
Toggle Switches inside Dropdown
Application Type
Traditional Web, Mobile, Reactive

Can we create it using a toggle switch inside a dropdown or dropdown search if we have a dropdown of subjects and want to add topics that we need to learn in class?

"Please Take a Example from Picture


63.0_1-bootstrap-multiselect.jpg
2022-08-03 04-32-50
Ravi Punjwani

Hi Nihhhil,

Try DropdownSearch or DropdownTags to achieve this. Both widgets support selecting multiple items.

UserImage.jpg
Accelance Partners

Hello,

@Nihhhil

You can try below dropdown OML .

Thanks,

Sonali verma

DropDownDemo.oml
2022-12-05 07-28-20
Nihil Gujar

I'm sorry, but all I want are toggle switches instead of check boxes. Could you kindly look at this image for an example

Consider that you have a subject dropdown and you want to choose just a handful of them by toggling true.

2022-08-03 04-32-50
Ravi Punjwani

If you strictly need toggle switches, you can create a new web block that takes input list and renders the items in a List widget, and each list item to contain default toggle Switch that is available in Outsystems. All the selected items you can dispaly from the web block to the parent block/screen using events on select and unselect.

Then place this web block on your screen inside a container, and control its visibility from a button opening or closing. The container which contains the web block now can be hidden / displayed on a condition using a local variable.

Then using CSS, make the container that has the web block, to be displayed using position: absolute. Configure the placement as required using the various css properties.

That's all!

You can also enhance your new widget with buttons like Cancel and Save.

UserImage.jpg
Accelance Partners

Hello,

@Nihhhil

Look below OML for dropdown tag.

Thanks

Sonali verma


Dropdown (2).oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.