Masonry photo gallery

High, I understand the subject has already been addressed. Is there any chance to get an about potential availability date, or time frame?

For Artist dedicated web sites it’s a must.

I think I read that was considering developing such a component.

It would be very helpfull and appreciated by a great number of us.

Looking forward!

By masonry layout do you mean a “bento” style? If so look at Dev Diary Ep46 this covers this and also there was a download file at the time but can’t see attached. If it is I’ll find it tomorrow and download it for you. https://forums.realmacsoftware.com/t/dev-diary-ep46-grids-buttons-and-beta-updates/45242

RealMac confirmed we will see a Gallery Pro sometime this months, so that is something I am waiting for as well…

Dan teased something big coming this week in my PDF post so maybe it’s this?

just for fun - proof of concept

created ages ago mid 2024, removed some code, demo page widths will need adjusting, because I changed the width sizing

best to keep height of images all the same, it is only flex no auto adjust

the drop is responsive blue dot width, this provides completely different look on different screen

you can add flex container etc rather than the add image just set width 80 or less and same height

I left the px slider in doesnt work unless you change the property

some Elements require controlling by container or flex, if a component is wider adjust image width, only added the dropzone to see what I can do

will convert to collections but need devpacks

free project - see next post updated

1 Like

project update

elementsapp://downloadDocument/A75c6dqLYG1c

Thats why I asked did author mean “Bent” grids as I did a bento project and also Dan did a download a bit later in beta. As author not replied I have not done anything for them.

mine is just for fun til we have something

1 Like

just to show you can do exactly the same just using Elements

Component set to Flex advanced, grow shrink, the container set flex advanced adds all those extra flex settings cool, not sure this get a mention

project Elements only cool - elementsapp://downloadDocument/G7CTzrT75859

added a couple more images using px -elementsapp://downloadDocument/LOL7Y2PZsoG3

There was thread a while back Build a Bento Grid in Elements That showed how to do Bento grids and also a free download of other bento grids. I hope @AlexMel could come back on what it is you want then we can help you better.

This is just to show you don’t need grid to create an image layout, this is just drop, size and go. Promoting how flexible Elements actually is.

Plus not sure how many users have explored the container flex use, to apply additional flex controls

1 Like

Elements provides the components with the controls to create quick and easy, so quick to do this, add content, shadow, borders, rotate, change width with blue dots for different screen sizes

1 Like