Forum Documentation Showcase Pricing Learn more

[New Feature] Multiselect dropdown & tags

This one has been awaited for a very (too) long time. We just added a plugin called ‘Multiselect dropdown’ that lets you have a dropdown that enables users to select more than one entry. The result of the element is a list of things (or list of texts).

See a demo here: https://bubble.io/page?type=page&name=multiselect&id=forumapp3&tab=tabs-1

35 Likes

Wow, now that’s magic :slight_smile:

3 Likes

I have been trying to create my own component for this. Looking forward to using it!

Oh, this is very nice. :heart_eyes:

1 Like

Thanks.
PLUG IN


This is fantastic! :smile:

thks, that’s nice.
do you plan to make it responsive with its content ?

Yeah we’ll add that.

Great feature! But it seems you can’t click on the options on mobile (iPhone 6). And another small thing is that the placeholder text is not in the center :slight_smile:

Great stuff.

@emmanuel, I noticed, when you enter something by typing and press >tab, the entry clears. This goes for full static choices as well as additions to dynamic lists. Should it be this way or should >tab has the same functionality as >enter?

3 Likes

Well it’s supposed to be a list, so centering would be strange… just make the element less high. We’ll add a padding option though for you to control this.

Can you recreate the situation?

Yes, happens every time I follow your link to the editor above and preview the app.

EDIT: https://vid.me/xbFs @emmanuel

I’m using Chrome ver 53.0.2785.143 if that helps.

Awesome stuff! literally searching for this yesterday :smiley:

This is really awesome, thanks for the update :slight_smile:
I have one question. I have setup a field to allow users to add tags to their profile and then a search that allows other users to search through the database using a multi-select input - all works great!

At the min I am running a search for 'if tags contains current searches tags.
But I was wondering if there was a way to make the search inclusive rather than exclusive i.e:

Scenario:

User 1’s profile has tags: Pizza, Beer, Netflix

User 2 searches for: Pizza
= User 1 is displayed

User 2 searches for: Pizza, Beer
= User 1 is displayed

User 2 searches for: Pizza, TV
= No results
(even though Paul has the Pizza tag- but just not the TV tag)

it would be great if…
User 2 searches for: Pizza, TV
= User 1 is displayed

Let me know if this makes, and if there is a way to do it!

Paul

You could merge 2 searches. Search for Pizza:merged with Search for TV.

Thanks!

Sounds interesting - could you expand on how I would approach that please? :slight_smile:

Here’s my test to visually explain above.


Now, ideally test would still show here:

Yes, of course:

[Search for Users: Constraint > Tags contains Pizza] :merged with [Search for Users: Constraint > Tags contains TV]

So, I guess if you’re typing in tags in an input to search any tags that are in there it would look more like this:

[Search for Users: Constraint > Tags contains Multiselect’s value item#1] :merged with [Search for Users: Constraint > Tags contains: Multiselect’s value item#2]

Of course, this would mean you’d need to set a limit on how many tags to search. Now that I’m thinking through this, you may also need to set up conditionals to change the search based on how many tags are selected - I’d test this to see if you have a merged search set up for potentially 3 tags and a user only has 1 in there (so you’re left with 2 blanks) if it’ll end up including all users, which is not what you want… but with conditionals you can do when selected:count is 1, is 2, is 3 and change the data source for how many you’re merging with.


Gaby | Coaching Bubble

Thank you @emmanuel… FYI you can’t still click on the dropdown options on mobile.