multiselect

Michel shared this problem 3 months ago
Solved

Hi

I need a multiselect dropdown like this:


/9367363a5a90c8fbfa917b029e038190


is it possible ?

Comments (5)

photo
1

Yes, you can, but you need to use dynamic panels. Check out this prototype to see how to do this: https://www.dropbox.com/s/37az6dcheiw5e8b/Multi_select_dropdown.vp?dl=0

photo
1

Thanks for the response, but what im really asking is. if a select list can function like a multiselect


In the example image I attached, both items are in a table and the row heights are fixed. but the select list expands out of the row where the multi select scrolls within that row.

I want to be able to have the multi select expand out of that row just like the select list does.


If as in your example the select list is placed in a panel and that panel is placed in a fixed height table it will only scroll within the viewable area and not expand out of the container

photo
1

In that case, no - but you could try to create what appears to be a select list through dynamic panels. This might be a little complicated, though.

photo
2

Yes, check out the attached example. To create this:

1) We added a text element for each name and placed them in a dynamic panel

2) Created a 'group' of each 'added' name (a rectangle with an 'x' icon)

3) On each text element name, we created 'on click' events to show and hide the group

4) On each 'x' icon, we created 'on click' events to hide the group and change the corresponding text element so it looks unselected.

Let me know if you have any questions.

photo
1

Hi Danielle,

Thanks a lot ! Ingenious :-)

Regards,


Michel