How to use Masonry album layout

How to use Masonry album layout

  Masonry layout is useful when you want to display a gallery of images and you don’t want to crop them. You can use this layout in a component view and in a module.

To display an album in Masonry layout follow these steps:

  1. In  Album settings  tab (in menu item or module settings) set  Album layout  to  Masonry ,
  2. set  Image width  to a preferred value
  3. set  Image resizing  to  Fit width


Your album should look similar to this from our example:

Masonry layout

If you’d like to display image descriptions as well, the best way is to place them below the image. To do that please:

  1. In menu item settings> Slide setting  set  Show Title  parameter to  Yes ,
  2. Set  Show description  parameter to  Yes

  3. In menu item settings> Slide settings  set  Description position  parameter to  Below the image .


After these changes your gallery should look like this:

Masonry layout with description


      • Related Articles

      • Module - Album

        The DJ-MediaTools Album module allows displaying the album in a chosen module position. You need to choose an album to display by setting the first option in the module settings (Album). All other parameters are optional and you need to change them ...
      • Presets - predefined album settings

         Presets in DJ-MediaTools lets you save and re-use specific settings for different albums. How to create presets You can find the Presets settings in DJ-MediaTools component. Open Components -> DJ-MediaTools and click "Presets" in the left column. ...
      • Creating new Album

         To display an Album on the frontpage first you need to create new one. Click on the New Album button from the Control Panel and you will be directed to the form: There are only a few parameters required. You'll see them at the first sight. These ...
      • How to use Album Custom Field?

        With DJ-MediaTools custom field plugin you can utilize the custom fields in Joomla articles with DJ-MediaTools. Using custom fields is a great way to have the content better structured and more easily manageable by the administrators of the website. ...
      • Customize layout

        Customize layout Images settings Visible images - number of displayed images at once Space between images - space between images in pixels Max images - set maximum number of images to be loaded into slider Link image - choose a behaviour of clicked ...