Crocoblock / suggestions

The suggestions for CrocoBlock project
195 stars 78 forks source link

Masonry style Image Layout using Dynamic Field Gallery #386

Closed michalczajka closed 7 months ago

michalczajka commented 5 years ago

It will be great to add masonry style in image Gallery. just to add eg. 20 pictures at once ,not click 20 items.

luxpatrick commented 5 years ago

Just like you did here but masonry and justfied https://crocoblock.com/school/articles/jetengine-dynamic-field-widget-grid-gallery-and-slider-gallery-options-overview/

NeoAcla commented 4 years ago

Any update on this? It's been more than a year now. Been waiting for this masonry and justified on a dynamic field gallery.

yannickBurky commented 2 years ago

+1

freetanga commented 2 years ago

+1

Nachtkastje commented 1 year ago

+1

ritiksharmarj commented 1 year ago

selector .jet-engine-gallery-grid { display: block; column-count: 2; }

selector .jet-engine-gallery-grid__item { max-width: 100%; }

@media (max-width: 767px) { selector .jet-engine-gallery-grid { column-count: 1; } }

Nachtkastje commented 1 year ago

selector .jet-engine-gallery-grid { display: block; column-count: 2; }

selector .jet-engine-gallery-grid__item { max-width: 100%; }

@media (max-width: 767px) { selector .jet-engine-gallery-grid { column-count: 1; } }

Tried the code, currently not working on my website sadly.

ThrudUK commented 1 year ago

That code worked, many thanks!

geokongr commented 1 year ago

+1 about this feature, it will add flexibility when admins add gallery images with different dimensions and aspect ratio.

mestereaga commented 12 months ago

selector .jet-engine-gallery-grid { display: block; column-count: 2; }

selector .jet-engine-gallery-grid__item { max-width: 100%; }

@media (max-width: 767px) { selector .jet-engine-gallery-grid { column-count: 1; } }

worked for me

Crocoblock commented 7 months ago

Done.

released in JetEngine v3.4.2