Forum Documentation Showcase Pricing Learn more

๐Ÿ“ Pinterest Style Grid - New Plugin from Zeroqode

#1

This plugin will apply Pinterest style effect to your repeating groups

For details, screenshots and demos please visit the plugin page: at https://zeroqode.com/plugin/pinterest-style-grid-1548240582458x405448522443522050

Levon Terteryan

Founder @ Zeroqode

zeroqode-for-web-160x120

Bubble Templates

Bubble Plugins

Bubble Courses

Convert Web to iOS & Android

No-code Development Services

7 Likes

Feature request: Variable heights/width for Repeating Group items (and other elements?)
Pinterest Style Photo Grid
Pinterest-Style Cascading Grid Layout
#2

Hi @levon,

Thank you for this plugin.

I was able to make it work by replicating your setup. It works fine except that itโ€™s cutting the content below the modified RG out of the page.

Did you encounter this problem before?

PS: I tried to send you a PM with the link to my editor but your inbox doesnโ€™t seem to accept PMs anymore (too many requests maybe? ^^).

0 Likes

#3

Ooh, this is tasty. Thanks Levon.

2 Likes

#4

weโ€™ll check this out Lucien!

our pleasure :slight_smile:

yep! PMs are not an efficient way to report bugs :slight_smile:

1 Like

#5

Hi @levon,

I know itโ€™s maybe not at the top of your priority list, but do you have a timeline for looking at this?

I saw that in your demo app you have two text elements below the Pinterest RG that also donโ€™t show up in run mode.

By the way, any reason you have 2 Pinterest Elements on you test page?

0 Likes

#6

@Lucien Hi Lucien,
we have fixed this issue, please upgrade the plugin and give it another try. iโ€™ll check about your demo page question

0 Likes

#7

Thanks Levon, that worked! The page height is now behaving normally.

I really prefer this plugin compared to the DIY solution explained in another thread, because, when the screen is narrow and there are less columns than initially defined, the logical order of the photos is kept (vs. one RG below the other with the DIY solution, if I understood it correctly).

To make this plugin really perfect, it would be great if:

  1. you could tweak it so that we can use the separator feature of an RG (more on this below);
  2. it wouldnโ€™t systematically add a 400px padding (approx.) at the bottom of the group or page containing it.

Currently if I define a separator, this is the result I get:

Without the separator (and simply adding some padding to the photo inside the cell), I get something good, but not perfect:

If I try to compensate that right gap by having the RG expand slightly more to the right it breaks all the responsiveness:

If I put the RG into a group to control the horizontal alignment behavior, it doesnโ€™t work (same visual result as above).

So the plugin is definitely usable now compared to the initial version, but for a perfect visual result it would be great if we could use the RGโ€™s separator and not have the padding at the bottom. :pray:

Nb: we can observe the same thing on the demo page:

0 Likes

#8

@Lucien
we have just pushed an update with following improvements:

  1. Added checkbox, Center Inside Elements. This will be centering each element in its container so that itโ€™s all tidy.
  2. Fixed bottom excessive padding
    Please upgrade and give it a try
    thanks!
0 Likes

#9

Hi Levon,

Thanks a lot!

For the centering, that solved it!

For the excessive bottom padding, it didnโ€™t work for me, itโ€™s still being added. Is there something specific to do? Or should the rearranged RG be of a specific/minimum height?

0 Likes