Thumbnails Run Off Page

[moj0rising]

Hi,

The thumbnails for a a Phoca gallery I have installed run off the content area of the page they are on. Is there any way to adjust the layout so this doesn't happen?

Preferably, I would like to be able to specify how many columns of thumbnails appear on each page of photo thumbnails like you can with category thumbnails (I saw no such option for photo thumbnails) as this would solve my problem.

I checked the documentation and a bit of the Phoca gallery code but didn't find a way to do what I need to do there. Any help would be truly awesome.

Thanks,
Mike

[comicdom]

I'd like this option, as well. =]

[caro84g]

I know you can set the box width in the parameters. Within this box all the thumbs are showed. So you cannot define the number of colums, but you can define the width of the total box.

I hope this will help.

[Jan]

So you cannot define the number of colums, but you can define the width of the total box

And if the box have a specifed width, in fact you define the number of columns with the Phoca Gallery width parameter... you can use the padding and margin parameter too, see:

https://www.phoca.cz/phocagallery/demo/i ... llery-wine

So:

e.g.:
Margin + Padding + Image Box + Padding + Margin
5 + 5 + 120 + 5 + 5 = 140

3 columns = 3 * 140 ==> Phoca Gallery Width = cca. 420

[moj0rising]

Thanks so much for your replies.

I am struggling, however with adjusting the size of the box -- I can not seem to find the proper place to do so. I checked the parameters section in the Phoca Gallery component configuration page. I also checked in ../components/com_phocagallery/assets/phocagallery.css and couldn't find the right items to adjust (tried changing a few different values but they didn't seem to do anything). Can anyone give me another shove in the right direction on this?

Thanks again,
Mike

[Jan]

You can change the padding and margin of the boxes, not the size... size depends on the image size, see parameters component and see this article (where to change the parameters):

https://www.phoca.cz/articles/joomla/com ... id-joomla/
Jan

[moj0rising]

Okay. Seems like we're pretty close now.

I didn't see anywhere in any of this stuff where, exactly I can change the padding or the margin but went back to the css files and found some margin and padding elements to adjust there and that worked -- I was able to adjust the space between thumbnails. The problem: the gallery still doesn't fit on the page. The example you linked to (https://www.phoca.cz/phocagallery/demo/i ... llery-wine) shows four columns of thumbnails, while mine has seven -- how do I make my gallery like the example?

To clarify -- I want to change the size of the whole gallery so not the little boxes around each thumbnail but the whole "footprint" of it so it fits on the page.

If you can tell me how to adjust the amount of columns of thumbnails to make my gallery more like the example, that would be perfect (six columns wide would be best).

Thanks again,
Mike

[caro84g]

When you create (or edit) your menu link you have component settings.

These are explained in the phocagallery manual. There you can set the phocagallery width in the general settings. This is a setting in pixels (so you have to calculate your colums, like Jan did above)
https://www.phoca.cz/phocagallery/user-m ... figuration

[moj0rising]

Praise the computer gods! Thank you, thank you, thank you!!! That is what I needed from the start.

For anyone searching for this item in the future:
Under the Phoca component parameters, there is a General Settings section. Under there, is a setting called Phoca Gallery Width. Put the number of pixels you would like the gallery to be in terms of width. For my gallery, I typed 800 in that box next to Phoca Gallery Width and the gallery was exactly as wide as I wanted.


Mike