Admiror Joomla! Community
http://www.vasiljevski.com/forum/

How to make images display in multiple columns?
http://www.vasiljevski.com/forum/viewtopic.php?f=30&t=1363
Page 1 of 1

Author:  ShinnKQ [ Tue Aug 19, 2014 10:40 am ]
Post subject:  How to make images display in multiple columns?

Hi, I'm using Admiror gallery displaying 10 images per page.

The 10 images are displayed all in 1 column, how to make the gallery to display 5 images per column? Using classic:

{AG rootFolder="/images/" thumbWidth="300" thumbHeight="220" thumbAutoSize="none" arrange="priority" backgroundColor="ffffff" foregroundColor="808080" highliteColor="fea804" frame_width="500" frame_height="300" newImageTag="1" newImageTag_days="7" paginUse="1" paginImagesPerGallery="10" albumUse="1" showSignature="1" plainTextCaptions="1" ignoreError="1" ignoreAllError="0" template="classic" popupEngine="pirobox"}PictureDirectoryHere{/AG}

Author:  Vasiljevski [ Tue Aug 26, 2014 5:36 pm ]
Post subject:  Re: How to make images display in multiple columns?

The gallery columns depend on the element size they are in, so if you have something like:
Code:
<div width=500px>
{AG}{/AG}
</div>

and your thumb width is 300px, there is no space for two column so all images will be in one column.

Anyway, you can edit the the classic template css and set fixed size, or you can edit your Joomla template CSS and make the element that contains the gallery wider.

Author:  ShinnKQ [ Thu Sep 18, 2014 5:55 am ]
Post subject:  Re: How to make images display in multiple columns?

Hello! Thanks for the reply.

8-)

Now I have another question!

I am now using the Listing gallery, the text on it's right hand side can I shift it to below the pictures?

Also can I edit the text such that

Arduino-Uno.JPG
W:740px H:490px S:121.15 KB

becomes
Arduino-Uno.JPG

Thanks :)

Author:  Vasiljevski [ Fri Oct 31, 2014 1:30 am ]
Post subject:  Re: How to make images display in multiple columns?

Yes, you can make changes to index.php of the Listed template to include the text that you need and exclude the one you don;t need.

For example to remove the image info just comment out this part:
Code:
    <tr><td class="ag_imageStat">
    <span>W:' . $AG->imageInfo["width"] . 'px</span>
    <span>H:' . $AG->imageInfo["height"] . 'px</span>
    <span>S:' . $AG->imageInfo["size"] . '</span>
    </td></tr>


To move text under the image, you can use CSS to make that happen.

Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/