Topic: No button bar visible on "Hide Thumbnails"

Hello,

I use the "Hide Thumbnails" button in the button bar.
If you click on it in the gallery, the thumbnails disappear, as well as the button bar.
Without the button bar you can not go back to the previous view (with thumbnails and navbuttons).

Which option do I have to choose to keep the buttonbar visible in the "Hide Thumbnails" view?

Greetings from Germany
Daniel

Re: No button bar visible on "Hide Thumbnails"

It sounds like your gallery's Button Bar is positioned on the overlay and is auto-hiding (the default behavior) after a certain amount of time of inactivity. You should be able to make the Button Bar reappear by moving the mouse and hovering over the gallery.
However, if you'd like to prevent the overlay (including the Button Bar) from auto-hiding, then set either inactivityTimeout="0" (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) or showImageOverlay="ALWAYS" (also in JuiceboxBuilder-Pro's 'Customize -> Main Image' section).

I hope this helps. However, if you continue to experience difficulties, please post back with the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further.
Thank you.

Re: No button bar visible on "Hide Thumbnails"

Hello, unfortunately it is not as you describe it.
Then it would be easy to change this.
The button bar is not automatically hidden. this is set to always active.
Here is the link to a test gallery. Please click on the "Hide Thumbnails"

https://wedding-dream-pictures.de/gaestegalerien/test/

Greetings Daniel

Re: No button bar visible on "Hide Thumbnails"

Unfortunately, the link you provided results in an error 404 (file not found).
Please check the link and post back.

In the meantime, if your gallery is embedded in an existing web page alongside other content (rather than just being on a page of its own), then check to see if your web page contains any custom CSS which might be affecting the visibility of the gallery's Button Bar. This might help.

Re: No button bar visible on "Hide Thumbnails"

please :0)

https://wedding-dream-pictures.de/gaestegalerien/test/

Re: No button bar visible on "Hide Thumbnails"

Thank you for providing the link to your gallery. Unfortunately, it looks like you've found a bug.
I've tracked the bug down to the combination of buttonBarPosition="OVERLAY_IMAGE" and thumbsPosition="RIGHT".
I have notified the developers who will hopefully be able to fix the bug for the next release but, in the meantime, the only workaround I've found so far would be avoid the combination of options above and set either a different value for buttonBarPosition or thumbsPosition.
Thank you for reporting the problem and apologies for any inconvenience caused.

Re: No button bar visible on "Hide Thumbnails"

OK thanks,
what do you mean for how long do you need for the update?
Do I have to re-upload all galleries after the update?

Another question:
Please look at the link in portrait format on a mobile phone.
Question: why is there a big gap between my content and your gallery?

Greetings Daniel

Re: No button bar visible on "Hide Thumbnails"

what do you mean for how long do you need for the update?

I really do not know how long it will be until the next version of Juicebox-Pro is released.
It is unlikely that a new version will be pushed out quickly to fix a single bug but I have logged a bug report with the developers and the issue will certainly be investigated and should hopefully be fixed in the next development cycle.
There is no set release schedule and, unfortunately, any estimate I give you (weeks vs months) could turn out to be wholly inaccurate. I hope you understand.
However, if you'd like to be notified when new versions are released, you can join our mailing list at the foot of our homepage, keep an eye on our Facebook page, follow us on Twitter @JuiceboxGallery or subscribe to our blog RSS feed.

Do I have to re-upload all galleries after the update?

Once the bug has been fixed, all you need to do is swap your gallery's current 'jbcore' folder with the new 'jbcore' folder. You can do this manually or by opening and re-saving your gallery in the new version of JuiceboxBuilder-Pro (when it is released).
However, as the bug-fix could be a while away, I would advise using a different set of configuration options (set buttonBarPosition to OVERLAY or TOP and/or set thumbsPosition to TOP, BOTTOM or LEFT) until the next version is released.

Please look at the link in portrait format on a mobile phone.
Question: why is there a big gap between my content and your gallery?

I think the space you are referring to is due to the fact that you load your gallery into a iframe.
When loading a gallery into an iframe, the Splash Page is not used (as the gallery would be expanded only within the iframe) and the thumbnail page is initially displayed instead.
Your iframe has been assigned a height of 720px and there are only 5 thumbnails to be displayed in this area which results in space above and below them.
Possible solutions would be to either reduce the height of your iframe or, better still, embed your gallery directly into your web page instead of loading it into an iframe.
As you have already uploaded your entire gallery folder to your web server, you can use the baseUrl method of embedding documented here.
The baseUrl method of embedding is essentially the same as the regular method of embedding (documented here) but with a baseUrl entry in the embedding code pointing towards the gallery folder.

Try replacing your <iframe> code with the following embedding code:

<!--START JUICEBOX EMBED-->
<script src="/Gaestegalerien/test/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/Gaestegalerien/test/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "720",
        backgroundColor: "rgba(34,34,34,0)"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

Once the gallery has been embedded directly into your web page, the Splash Page will initially be displayed in your web page (when viewed on mobile devices) and, by default, the first image in the gallery will be used to fill the Splash Page (so there will be no blank space within the gallery area). When the Splash Page is clicked/tapped, the gallery will be expanded to fill the browser viewport where the images will have more room to be displayed. (The user can return to the embedding page via the 'Close Gallery' button on the Button Bar.)
You can configure the Splash Page (for example to change the Splash Page image) using the Splash Page configuration options.

More information about the Splash Page can be found in the Screen Modes section of the Gallery Tour.

I hope this helps.