You're welcome!
I'm glad that upgrading your gallery was all that was required.
Thank you for letting me know.
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Steven @ Juicebox
You're welcome!
I'm glad that upgrading your gallery was all that was required.
Thank you for letting me know.
When a gallery is expanded (for example from the Splash Page on a mobile device), the gallery always fills the viewport.
It is not possible for a gallery to expand and retain features of the embedding page.
However, you can choose not to use the Splash Page and, instead, display the gallery directly in your web page (on the same page as your navigation menu where the Splash Page currently is) by setting showSplashPage="NEVER" (in JuiceboxBuilder-Pro's 'Customize -> Splash Page' section).
Alternatively, you could set screenMode="LARGE" ('Customize -> General') to force the gallery to be displayed in Large Screen Mode on all devices and in all browsers. Large Screen Mode does not use the Splash Page by default (unlike Small Screen Mode).
For more information on screen modes and how Juicebox adapts to different devices and screen sizes, please see here.
I have just viewed both of your web pages and both galleries expand fine in Mobile Chrome and Mobile Safari on my own iOS device.
I notice that the gallery that you are having problems with is Juicebox v1.4.2 whereas the gallery that works OK for you is Juicebox v1.4.4.1.
Try upgrading the v1.4.2 gallery to v1.4.4.1 (instructions can be found here). Many bugs have been fixed since v1.4.2. Please see the Version History for details.
Hopefully this will solve your problem.
Be sure to clear your browser's cache after upgrading and if it still does not help, please let me know what device and browser you see the problem in (including operating system and version numbers) and also whether or not you see the problem in any of our own demo galleries. Thank you.
When I click yes, the first file is overwritten by the second.
In order to avoid the possibility of galleries being overwritten, I recommend that you save each gallery to a different folder. This keeps all galleries separate from each other and helps to keep things organized.
If you like, you can create a new empty folder for each gallery (maybe on your desktop) before building your gallery with JuiceboxBuilder-Pro. Then, on the 'Publish' tab, navigate towards this folder (via the 'Browse...' button) before saving your gallery inside it.
If you have all your galleries saved into individual folders, you can then upload the complete gallery folders (not just the contents) to your web server and embed the galleries into your web pages using the baseUrl method documented here.
Second issue, when I open Juicebox Pro and go to "open gallery" nothing happens.
When you click 'Open Gallery' you then need to navigate towards the gallery folder that you want to open. Highlight the gallery folder (do not go inside it and select a file) and click 'Select Folder'.
If you do not get a pop up 'Select Gallery Folder...' window when you click 'Open Gallery', then close JuiceboxBuilder-Pro and delete the following folder manually before re-opening the application and trying again. This should hopefully help.
Mac: /Users/your_username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\your_username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
Please post the URL to your gallery so that I can take a look at the problem for myself.
It might just be a temporary glitch with the Flickr servers. You can check their current server status here: https://www.flickr.com/help/test/
However, once I am able to see your gallery (and the Flickr settings your gallery uses), I should hopefully be able to tell more.
I'm glad you've been able to solve your problem.
Thanks for letting me know.
Your gallery's image title and caption text colors are being overwritten by the following code in your 'style.css' page.
P
{
font-family:Arial, Helvetica, Verdana;
font-size:14px;
color:#3D4966
}This code sets the color for all text within all <p> tags within your web page, including those within your gallery.
(A gallery's image title and caption text is displayed within <p> tags.)
Solutions would be to modify the Juicebox CSS (as you have done in the gallery's 'theme.css' file) or to apply your custom CSS rules to only those elements on your web page which require them through use of CSS selectors.
For example:
p.custom {
font-family: Arial, Helvetica, Verdana;
font-size: 14px;
color: #3D4966;
}<p class="custom">This text will have the 'p.custom' CSS rules applied to it.</p>You're welcome.
Although the captions looked normal (white) on the Juicebox browser, after uploading , I saw that they were the background colour of the page (dark violet) and unreadable on the web.
It sounds like you web page might be using global CSS rules which the gallery is inheriting (and which are overriding the gallery's own CSS). Please check to see if this is the case and, if it is, use more specifically-targeted CSS (using ids or classes) to apply your custom CSS rules to only those elements on your web page which require them.
If you'd like me to take a look, please revert the change you made to the 'theme.css' file (so that I can see the problem) and post the URL to your gallery's web page.
If you don't want to revert the changes to your live web site, perhaps you could copy the page, revert the changes in the copy and post the URL to the copy instead.
If you want to save a specific combination of settings, you will need to create a template.
With the settings as you want to save them, click the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.
As of v1.4.4.1, Juicebox-Pro now features the following shadow-related configuration options so manually modifying CSS code should no longer be required: imageShadowColor, textShadowColor, thumbShadowColor, imageShadowBlur, thumbShadowBlur
Short descriptions of each configuration option can be found in the Config Options page.
If you want to save a specific combination of settings, you will need to create a template.
With the settings as you want to save them, click the + sign to the right of the text 'Template Browser' (in the left panel of the 'Web' section) and select a name for your template.
At any time in the future, if you want to apply these settings, expand the 'Template Browser' control panel, scroll down to the 'User Templates' section and select your template.
You can set the captionBackColor and captionBackTopColor separately (both in JuiceboxBuilder-Pro's 'Customize -> Color' section).
The opacity for each is on a scale from 0 to 1 (0 being fully transparent and 1 being fully opaque).
Unfortunately, the browser within JuiceboxBuilder-Pro does not support CSS3 gradients so the captionBackTopColor will not be rendered in the live preview window (and only the captionBackColor will be visible).
However, it should look fine in all modern browsers so go to 'Gallery -> Preview...' from the drop-down menu at the top and the gallery should be displayed in your system's default browser.
Here is a list of browsers which support CSS3 gradients: http://caniuse.com/#feat=css-gradients
If you have a gallery where this does not seem to be working, please post the URL to your gallery's web page so that I can take a look at the problem for myself and hopefully help further. Also, please let me know what browser(s) you see the problem in. Thank you.
It looks like the white line you refer to is visible in desktop browsers, too.
There is a horizontal scroll bar on your web page and if you scroll to the right, you should see the white line.
It seems to be spanning the whole content of your page rather than just your gallery so I don't think the gallery is the root of the problem.
I'm pretty sure it wasn't there until I did the recent 1.4.4 update
You could test this theory by reverting to whatever version you used before the update. I don't think it will help but it might eliminate (or point towards) Juicebox v1.4.4 being a possible cause.
Also, you could temporarily replace the gallery with just a plain empty <div> with the same dimensions that your gallery would have to see if the gallery has any effect or not.
Being that the white line is visible in desktop browsers, it might be a little easier to troubleshoot using your browser's developer tools.
I notice that if you prevent the 'bootstrap.min.css' file from being loaded, the horizontal scrollbar goes away and the thick white line to the right of the content is spit evenly into two thin white lines to the left and right of the content.
I think the layout of your page is somehow the root of your problem but, unfortunately, there is a large amount of CSS on your page (in several external files) and pinpointing the exact cause of the problem might be difficult (although I'd start be searching through your CSS looking for margin and padding rules).
I hope this at least points you in the right direction.
With regard to the meta viewport tag, the version of the tag in our blog entry is required only for full-browser gallery pages (where the gallery has dimensions of 100% x 100% and is the only content on the page). As your gallery is embedded in your web page alongside other content, this tag is not required and you can just keep your existing tag.
As the long tag contains all the 'content' that your existing tag uses, you could just replace your existing tag with the long version (if you were to use it).
You're welcome.
I'm glad it works for you. Thank you for letting me know.
It is not possible to right-click and save an image in a Juicebox gallery but you can set showOpenButton="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Lite' section) to display the Open Image button in the gallery's Button Bar.
When the Open Image button is clicked, the current image will be opened in a new tab where the user can save the image via a right-click or the browser's file menu.
This is noted in this FAQ:
How do I allow or prevent users from saving gallery images?
The Open Image button can be seen in this demo gallery.
If you want your header logo to be scaled smaller in narrow viewports, try adding something like the following to your '_themes/boma/css/custom.css' file:
@media only screen and (max-width: 768px) {
.hgroup img {
max-width: 80%;
}
}Hopefully this will help.
Thanks for the update.
Always happy to hear that a problem no longer exists!
You're welcome.
The 220px size for the logo is the maximum scaled size in desktop view (in a wide browser window), determined by a percentage of the page width.
Try uploading a larger resolution image for your logo and it should be scaled larger in narrow viewports.
@gfs
If your galleries are already using Juicebox-Pro v1.4.4.1 and are embedded in pages alongside other content, then there is no need to do anything at all.
However, if your galleries are full-browser galleries (with dimensions of 100% x 100% and with no other content on their pages), then you will need to ensure that the meta viewport tag (below) is included in the <head> section of the gallery pages.
You can either edit the HTML pages and add the meta viewport tag manually or you can open and re-save (or rebuild) your gallery in JuiceboxBuilder-Pro. The meta viewport tag will then be included in the gallery's 'index.html' page.
<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />@said
You can your own logo image as your Showkase site header by doing the following:
(1) Upload your logo image to the Library ('Library -> Upload').
(2) Go to 'Site -> Customize Theme', click the 'Browse Library' button for the 'Site Header -> Site logo image URL' input and select the image you uploaded in Step #1 above.
You might also want to remove the 'Site -> Site Settings -> Site Header -> Site heading' text.
To make the logo image a link, enter the URL you'd like to use in the 'Site -> Site Settings -> Site Header -> Site header link' input.
You can't change the default settings so that the IPTC titles and captions are used as soon as JuiceboxBuilder-Pro is opened but you can save the settings in a preset file.
Select 'Images -> Titles -> Use IPTC Title' and 'Images -> Captions -> Use IPTC Caption' from the drop-down menu at the top.
Now go to 'Presets -> Save Preset...'.
As long as you save the preset file in the default location, you will be able to select it quickly from the 'Load Preset' list on the 'Customize Tab' (or via 'Presets -> Load Preset...'). (Maybe not perfect but it halves the number of clicks required to load IPTC titles and captions: 2 clicks now instead of 4.)
Please see the JuiceboxBuilder-Pro User Guide for more information on Presets.
The Back Button can be displayed as text (backButtonText when backButtonUseIcon="FALSE") or as an icon (backButtonUseIcon="TRUE").
You can change the rollover text for icons in a gallery using the languageList configuration option.
Please see here for details.
For example, if you wanted to change the 'Go Back' text to 'Click here to return to home page', you would use the following:
languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Images|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Click here to return to home page|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of"The languageList configuration option is not found in JuiceboxBuilder-Pro but it can be set manually, like any other option, by following the instructions here.
Thanks for the info. Maybe updating the OS next week will somehow help.
I really don't know what could be causing your problem and I'm running out of ideas for things to try.
Perhaps running through the procedure in this forum post will help (there is a JuiceboxBuilder-Pro entry in the ELS folder).
Just substitute 'XYZApplication' with 'JuiceboxBuilder-Pro' in the instructions. Also, please make a backup of any files and folders that you delete in case you need to reinstate them at a later date.
https://forums.adobe.com/message/3488779#3488779
Juicebox Support Forum → Posts by Steven @ Juicebox
Powered by PunBB, supported by Informer Technologies, Inc.