Hi All, My users submit images of different sizes. And I would like to keep them as is, without cropping them. And display them as a mosaic of images in the profile page using a repeating group. Is there a way to do this? Dynamically re arrange pictures based on their size to fit a group. Thanks, …

@deburhuduga , I’m wondering the same thing. The only “workaround” I’ve found with Bubble’s current responsive settings is to add an HTML element and add HTML code that references an uploaded image’s URL as the source. Really hoping there’s a better way that doesn’t involve purchasing some plugin

Does the html workaround work OK? Do you mind sharing how it’s done?

I’ve just started to use this, and it seems to work, though I’m sure I’ll need to fiddle with some of the settings. Basically, add an HTML element to the cell and then set it to “Stretch to fit content.” You can then populate the HTML element with code like what you can find on a site like W3 School…

Sounds cool! Can you show a screenshot of the effect?

Here’s an example of a two-cell RG with an image in each cell within an HTML element (without any width or height properties set); the first image’s dimensions are 157 x 104 and the second 843 x 563: [image] These aren’t responsive, so a person would need to add certain HTML properties (width, he…

Thanks! I really need a mosaic / tile pattern. like this: [mosaic_thumbs-53c28e66]

Hey, @deburhuduga . Not sure if you’ve seen their, but thought of your question when I saw it. Pinterest Style Photo Grid

Thanks! It’s a step closer to mosaic :slight_smile:

If anyone’s up for building or funding it for me to build out, this is possible using a JavaScript library called masonry

Display different sized images in a repeating group

Need help App Organization

artemzheg February 26, 2024, 5:43pm 12

Topic		Replies	Views
Elegant image and gallery solutions? App Organization	4	419	February 6, 2024
Feature request: Variable heights/width for Repeating Group items (and other elements?) Idea	24	8570	March 22, 2021
Introducing Masonry Layout for Repeating Groups New features	46	11339	January 14, 2026
Pinterest-Style Cascading Grid Layout Questions	23	7787	March 16, 2021
How to create an Image Wall? Need help	6	1181	December 13, 2022

Display different sized images in a repeating group

Related topics