NEW PLUGIN 🥳 Smaal Tags by Smaal.co

@joe5 ,

Just checking in on the above post again! The first question is key to using tags feasibly. It would be extremely useful to be able to dynamically display tags like this, rather than horizontal scrolling which can cause serious user interface issues when used across repeating groups.

Help would be very much appreciated, and would love to purchase your plugin if you can advise on making this work!

Best,
-Josh

Hey guys!

I’ve just got the plugin. On first impressions it looks great but I was curious if you have any advice for how I should set up and use it in my database for filtering.

I would like it to dynamically display the sustainable amenities on a property booking platform page. Each property will have its own unique set of amenities.

How should I filter and set up the database for this to work with the plugin and also load in a speedy way?

This article suggests having a separate data type for amenities to ensure site performance rather than hundreds of amenities with booleans on the property data itself Repeating Group - Creating a Property Features/Amenities List for a Property Listing

This also allows for adding icons and descriptions etc which I would like to have.

As an example
Property A will have composting, recycling and EV charge points
Property B will have Eco washing liquid, Zero waste food containers

I currently have these set up as ‘Basic sustainable features’ data type

These are then currently referenced by each property as a list of Basic sustainable features

In the database these are then stored as the unique id of each sustainable amenity

I’m curious as to how you would filter these in the plugin? I’m currently doing a search for the relevant property and then referencing the sustainable amenities unique id. This seems to work when it is a single text item but not a list of texts

If I select the :first item on that list it works but I would like the plugin to display all relevant items

Screenshot 2021-08-20 at 08.59.08

Does that make sense? I feel like there may be a way to do this or something I’m missing in terms of filtering but I can’t seem to get my head around it.

I’m also totally up for restructuring my database but would love some guidance to make sure it worked with your plugin whilst also being speedy and scalable.

I guess the same question would apply if you had a job search website and you only wanted to display the skills a candidate had, so perhaps there might be a few use cases or someone who has this up and working well already.

Joe

There seems to bug in the color tag when using dynamically within repeating groups.

In this photo. The color of all of those elements are set by the documents ‘Color’ option type I have defined. All other elements appear the the correct color so I know the color is working.

Below is how I set the color

See my post below. I make an empty list shifter (plugin) item and add the item from the repeating cell.

hey sorry all! responding shortly to these last few questions!

that’s a great workaround Ben!

certainly there is something we could do to make that part of a future update. Will keep this noted as it’s the first request I’ve gotten, but I’d recommend Ben’s workaround for now :-1:

hey Joe! Do you want to show a count you mean? For speed of counting, I’d recommend always keeping an updated count (number field) on the actual list item of the different amenities. Then you don’t have to do any searching within searches, or just more than one search for the main list item in the plugin.

For the text field you can then just use this formula to add the count from the name:

this example is here at the bottom of our example page: Smaal | Bubble Editor

thanks for the flag Ben! Taking a look at this ASAP! will report back when it’s fixed.

@joe5 To give some context, I create the item on the page and push it to the repeating groups list without a page refresh. When I refresh the page, the color is correct.

Also When You delete an item from that repeating group. Seems to be you index on page load

Looks amazing! Might just be what I wanted for my project.
So it can be used with Option Sets?

Secondly, can it be searchable?

Sorry if it has been asked.

I’ve been trying to put some tags into a repeating group that loads it’s data from the Airtable API.
However nothing is showing, and it’s throwing me this error:

12:04:43 Element SmaalTags A

The plugin Smaal Tags + Tabs / element Smaal Tags threw the following error: UnexpectedError This fieldName does not exist: display at new n (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2283136) at Object.get (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2059751) (please report this to the plugin author)

12:04:43 Element SmaalTags A

The plugin Smaal Tags + Tabs / element Smaal Tags threw the following error: UnexpectedError This fieldName does not exist: display at new n (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2283136) at Object.get (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2059751) (please report this to the plugin author)

12:04:43 Element SmaalTags A

The plugin Smaal Tags + Tabs / element Smaal Tags threw the following error: UnexpectedError This fieldName does not exist: display at new n (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2283136) at Object.get (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2059751) (please report this to the plugin author)

12:04:43 Element SmaalTags A

The plugin Smaal Tags + Tabs / element Smaal Tags threw the following error: UnexpectedError This fieldName does not exist: display at new n (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2283136) at Object.get (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2059751) (please report this to the plugin author)

12:04:43 Element SmaalTags A

The plugin Smaal Tags + Tabs / element Smaal Tags threw the following error: UnexpectedError This fieldName does not exist: display
at new n (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2283136) at Object.get (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/cf919b38bbf9531205fffd6c3f73762fb17692b671f341fb7817dc3fda86b47a/xfalse/x14:6:2059751) (please report this to the plugin author)

Not sure if it’s me doing something wrong?

yes it can be used with option sets!

I would highly recommend using with a data type though, as bubble has added and then removed the ability to use fields in an Option Set for plugins a couple times now. To ensure that doesn’t break if they end up changing that again, I’d just recommend starting with a data type.

mind linking me to your project to take a look?

Plugin update :wave:

Version 1.15.0 makes sure the plugin doesn’t try to load empty values if they’re empty (which previously caused issues).

Thanks to Dan for flagging!

Hoping you could add gradients for tag backgrounds. My app relies heavily on gradients and I want to keep my style consistent.

Hi there! Love the plugin - it’s very useful. Just a quick question on how to fix a strange behaviour I’ve got.

I’m using this inside a repeating group row, in a situation where only one row shows at a time. It seems that when it first loads, all tags have proper spacing. But if I cycle to the next row, the dynamic height seems to get a bit messed up.

I’m not able to share a link to the editor at the moment but I have a made a quick Loom video to demonstrate what I mean.

That’s here for you. Would be incredibly grateful if you can help me debug please.

Thanks!
Rob

Hey. Great plug-in, thank you for creating. One issue I find is that the initial load takes a noticeable time. It’s only about 3 seconds but is enough to throw someone off thinking there is nothing to display. To clarify, it’s not doing a search for or anything intensive, just using a list of the current users texts. I’ve also checked the image to ensure it’s not large. Is it just part how it is or is there anything I should be doing to speed it up?

Hello, Joe!

I’m using your Small Tabs + Tabs plugin for Bubble. I have one question. With the selected icon value, I have a static image loaded, which should replace the default image.

But for some reason nothing happens. Where did I make a mistake? I’m running out of deadlines and the client is waiting for the app. Please help me!



@josh10 hi! I’m facing the same problem! Are you still servicing the plugin?