Topic: Gallery horizontal instead of vertical

roberto-oliveira free asked 3 years ago


How can I change my gallery (class="gallery") to achieve this?

Expected behavior Gallery should organize images in a horizontal flow.

Actual behavior It is vertical flow

Resources (screenshots, code snippets etc.) enter image description here


MDBootstrap staff answered 3 years ago


Hi Roberto,

We don't have out of the box solution but you can easily implement your gallery using CSS grid functionality. We have examples of CSS grid layouts in our snippets.
https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1070942 https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1020226 https://mdbootstrap.com/snippets/jquery/pjoter-2-0/999165

We will prepare more examples of the gallery but for now, you can try to make it work this way.

Best Regards, Piotr

PS There will be an article tutorial about the usage of CSS grid in the near future.


Marta Wierzbicka staff answered 3 years ago


Hi,

thank you for your idea of a horizontal-oriented gallery. For now, we don't have a quick workaround for this, but we will work on it as fast as possible, probably in the next release.

Best, Marta


roberto-oliveira free commented 3 years ago

Thank you, it would be AMAZING for my project to achieve this horizontal-oriented gallery because now it looks like a bug since I have a lot of images that take some time to load...



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.7
  • Device: Mac Mini
  • Browser: Chrome
  • OS: MacOS Mojave
  • Provided sample code: No
  • Provided link: No