Forum Academy Marketplace Showcase Pricing Features

What is this design element called and is it easy to create in Bubble?

Hello!

I have a list and would like it to show similar to this where the user can click “X” to remove them, is this something easy to implement? I am not sure what it’s called so having a hard time searching for how to do it.

I am referring to the “What was great box” in the image.

Thank you!

1 Like

Hi there, @bubble43… it looks like a multi-dropdown to me. You might want to consider installing Bubble’s multiselect dropdown plugin and see if it meets your needs.

Best…
Mike

1 Like

Hey @mikeloc , thank you for the response!

That helps a lot and is very close to what I am trying to achieve. However, I don’t want the dropdown piece, I just want the list of things to populate, and then the user can click the “X” to remove them.

I was able to set the list to the default value so on page load it displays as intended but I can’t seem to disable the dropdown list while still allowing a user to “X” any of them.

For example, it currently shows the below when I click on the box:

image

However, I only ever want to see the below and the user can remove items but not add or re-add:
image

Is that possible?

Ah, my bad… I assumed users could select the options as well as get rid of them. Have you tried just using a repeating group? I mean, you are just displaying a list of things, and you are removing a thing (which could be the current cell’s thing, if you use a repeating group) when the x is clicked. It would take some creative styling, but it should be totally doable.

Just to add to @mikeloc suggestion to use RG, here’s the scrolling style you may want to use.

All good!

I figured using a repeating group would be the way to go about it, just wanted to see if there was an easier or prebuilt way. Looks like it’s time to get creative with styling.

Thank you!!

This is awesome, thank you! Should make the styling piece a lot easier.

1 Like