• Registered: 2013-04-08
  • Posts: 2

Topic: Gallery layout question

I'm also having issues with the number of thumbnails being displayed - ideally, I want a 3x4 grid to the left of my image, but the gallery is placing a gigantic amount of padding around the thumbnail area:

http://postimg.org/image/cu8pi9ojl/

And with thumbnavposition set to default:

http://postimg.org/image/yotqerrl9/

I don't think there's much of a question that a 3x4 grid could easily fit into this space. I've tried reducing the height of the thumbnails, but they have to be tiny before JuiceBox puts them into a 3x4 layout, and they still retain the large amount of padding.

Is there something I'm missing here?

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Gallery layout question

You can minimize the padding by setting all padding configuration options to zero:

stagePadding="0"
imagePadding="0"
thumbPadding="0"

There is currently a 10px separation between the thumbnails and the main image (when the thumbnails are positioned LEFT or RIGHT) which will be removed in the next version of Juicebox-Pro (although I do not know when it will be released).

In a test gallery I created using only the following configuration options:

thumbsPosition="left"
maxThumbcolumns="3"
maxThumbRows="4"

... (all other configuration options at their default values), 4 rows of thumbnails are displayed, even in a browser window of limited height with very little padding between the thumbnails and the top and bottom of the browser window.

Make sure that there are no generalized CSS rules on your web page which the gallery will inherit, for example any CSS rules which apply to all <div>, <td> or <img> elements on your web page (including those within your gallery) which might introduce a margin or padding.

If you continue to experience difficulties, please post the URL to your gallery so that I can take a look.

[Post moved to new thread to keep individual queries separate from each other.]

  • Registered: 2013-04-08
  • Posts: 2

Re: Gallery layout question

Steven wrote:

You can minimize the padding by setting all padding configuration options to zero:

stagePadding="0"
imagePadding="0"
thumbPadding="0"

There is currently a 10px separation between the thumbnails and the main image (when the thumbnails are positioned LEFT or RIGHT) which will be removed in the next version of Juicebox-Pro (although I do not know when it will be released).

In a test gallery I created using only the following configuration options:

thumbsPosition="left"
maxThumbcolumns="3"
maxThumbRows="4"

... (all other configuration options at their default values), 4 rows of thumbnails are displayed, even in a browser window of limited height with very little padding between the thumbnails and the top and bottom of the browser window.

Make sure that there are no generalized CSS rules on your web page which the gallery will inherit, for example any CSS rules which apply to all <div>, <td> or <img> elements on your web page (including those within your gallery) which might introduce a margin or padding.

If you continue to experience difficulties,. please post the URL to your gallery so that I can take a look.

[Post moved to new thread to keep individual queries separate from each other.]

Hi Steven - thanks for your quick reply.

I'm sorry to say that this was all me being incredibly stupid and running an older version of Juicebox. I upgraded to 1.2 and the layout is now exactly as I wanted. Still, the time you've taken to help me out has been greatly appreciated!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Gallery layout question

No problem. I am glad that you have been able to solve your problem.
Thank you for posting back to let me know.