Responsive tag cloud using RG and new layout engine

Tips
1

Here’s a fully responsive tag cloud (with edit mode access) made with the new responsive layout engine and a little custom CSS.

tag-cloud

It broke with some recent updates to the new layout engine, but I just tweaked it to work again by modifying four CSS properties. It works on mobile Safari and all major desktop browsers. I don’t currently have access to an Android device but have no reason to think that it won’t work there.

Anyway, it’s potentially useful in a lot of scenarios. It would be really nice to just tick a checkbox to enable it.

6 Likes
2

Thank you! This is great.

1 Like
3

I couldn’t figure out how to use the extension. Can you share the CSS?

4

@sudsy is still project still available?

5

Here is an example using only Bubble’s new responsive engine and one css tag which you can add to the header or in an html element

image
image597×508 34.6 KB

P.S. it may take afew seconds to load. Jist generating the tag list on the fly

1 Like
6

This tip is now obsolete, as this functionality has been built in. See this announcement. Thank you, Bubble!