851

(7 replies, posted in Juicebox-Pro Support)

I have heard back from the Avast team.

It seems that Avast Ransomware Shield will always be triggered when JuiceboxBuilder's 'New Gallery...' or 'Open Gallery...' buttons are clicked.
They say that this is normal as "this application is accessing files from one of the protected folders".
However, when this first happens, the user should get a pop-up asking whether or not to allow the application. As you have discovered, this does not currently happen (the user needs to deactivate and then reactivate Ransomware Shield before the pop-up appears) and they are now investigating this further.

I will keep this post up to date if/when I hear any more from Avast.

On mobile phone I see only thumbnails and main image is displayed only when I client on thumbnail.

What you are describing is Small Screen Mode.

On mobile (small screen) devices, Juicebox displays the gallery in Small Screen Mode where the thumbnails and main images are displayed on separate pages (to give the main images as much room as possible to be displayed).
When a thumbnail is clicked/tapped, the thumbnail page is replaced with the chosen image.
The user can return to the thumbnail page by clicking/tapping the 'Thumbnail' button on the gallery's Button Bar.

Please see the Screen Modes support section in the Gallery Tour for more information.

You can choose to always have the gallery displayed in Large Screen Mode (which displays the thumbnails and image images together, like in a desktop browser, no matter what device the gallery is viewed on) by setting screenMode="LARGE" (in JuiceboxBuilder-Pro's 'Customize -> General' section).

If you would like to continue to use Small Screen Mode for mobile devices but would rather have the first image displayed initially rather than the thumbnail page, then set showSmallThumbsOnLoad="FALSE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section).

Also, if you would like to have your web page's content (including the thumbnails and Button Bar) scaled up when displayed on mobile devices, then try adding the following <meta> tag to the <head> section of your gallery's web page:

<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />

I hope this helps.

I'm glad to hear that you've got it working!
Thank you for posting back to let me know.

854

(5 replies, posted in Juicebox-Pro Support)

@tonygamble

You could turn the paging text into a link to the next page of thumbnails but you'd need to use some custom JavaScript and the Juicebox-Pro API as follows:

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
    var jb = new juicebox({
        containerId: "juicebox-container",
        showPagingText: "TRUE"
    });
    jb.onInitComplete = function() {
        $('.jb-idx-thb-list-page-number').click(function() {
            var current = jb.getThumbPageIndex(); // Determine the current thumbnail page
            jb.showThumbPage(current + 1); // Show the next thumbnail page
        });
    };
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

(You'd need more code to enable looping.)

However, there is a much easier way to navigate between thumbnail pages.

Small Screen Mode (where thumbnails and main images are displayed on separate pages)

On a touch enabled device, you can navigate between thumbnail pages by swiping the screen left (for the previous page of thumbnails) or right (for the next page of thumbnails).
Additionally, you can set showSmallThumbNav="TRUE" (in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section) to display thumbnail navigation buttons (to the left and right of the thumbnails). This takes up a little more space on the page but might give your users a more intuitive method of navigating between your thumbnail pages.

Large Screen Mode (where thumbnails and main images are displayed together)

In Large Screen Mode, Juicebox automatically displays thumbnail navigation buttons which can be positioned via the thumbNavPosition configuration option (also in 'Customize -> Thumbnails') either:

  • CENTER - Vertically centered in the thumbnail area.

  • BOTTOM - Below the thumbnail area.

For reference, a list of all Thumbnail Options can be found here.

I hope this helps.

The problem is almost certainly a z-index issue.
Juicebox uses z-index values to ensure that certain elements (such as captions and navigation hit areas) are stacked on top of other elements (such as the main images) within the gallery.

To resolve your problem, assign a z-index value of 9999 to your menu system via CSS to ensure that your menu is stacked on top of all gallery elements.

If you have any trouble doing this, then please post a link to your gallery's web page so that I can see the problem for myself (live in your web page rather than just a screenshot) and, with the help of a browser's developer tools, determine which CSS class or id the z-index value should be assigned to.
Thank you.

That's great!
Thank you for letting me know.

Having multiple lines in image caption

Just to let you know, you can have multiple lines in image titles and captions by using HTML line breaks (<br>) within them.
For example:

<caption><![CDATA[Line #1<br>Line 2]]></caption>

If entering such a caption within JuiceboxBuilder-Pro, you just need to enter:

Line #1<br>Line 2

JuiceboxBuilder-Pro will automatically add the <caption> and CDATA tags when the caption is written to the gallery's 'config.xml' file.

It doesn't match with overall look and feel of gallery options.

All image titles and caption will use the styling from the configuration options such as textColor ('Customize -> Lite' section) and galleryFontFace ('Customize -> General' section).
For reference, a list of all configuration options can be found here.

While trying to add data manually the formatting and dynamic content selection is not working properly.

Please post a link to your gallery so that I can see the problem for myself and hopefully help further.
Thank you.

858

(7 replies, posted in Juicebox-Pro Support)

Many thanks for the information. It is most appreciated.
I have now filed a false positive report with the Avast team (using their online form here) who will hopefully be able to clear JuiceboxBuilder-Pro's reputation in their database.

859

(7 replies, posted in Juicebox-Pro Support)

Thank you for the update.
I'm glad you've found the cause of your problem and have managed to get JuiceboxBuilder-Pro up and running again (although it's certainly strange that Avast did not give you the opportunity to make an exception for JuiceboxBuilder-Pro the first time it encountered it).

I would be very grateful if you could provide me with the following information so that I can log a false positive report with the Avast team.

(1) The version of JuiceboxBuilder-Pro that you are using ('Help -> About JuiceboxBuilder-Pro...').

(2) The versions of Avast that you are using (both the program version and the database version).

(3) The element of Avast which triggers the warning (Ransomware Shield or something else).

Thank you.

860

(3 replies, posted in Juicebox-Pro Support)

Instructions for upgrading JuiceboxBuilder-Pro and existing galleries can be found on the Upgrading Juicebox support page.

Essentially, you can:

(1) Use your existing download link (from your original purchase email) to download the latest zip file ('juicebox_pro_1.5.1.zip'). Upgrades are free within the same major version number and download links always point towards the latest version rather than the version you purchased. If you cannot find your download link, then please fill in the Download Link Request Form and we'll send you a new one.

(2) Run the latest JuiceboxBuilder-Pro installer (the 'JuiceboxBuilder-Pro.air' file within the zip file) to upgrade JuiceboxBuilder-Pro. If you run into any problems during the installation, try uninstalling your existing version first before installing the latest version.

(3) Upgrade existing galleries by replacing their 'jbcore' folders with the latest 'jbcore' folder from the sample 'web' gallery (within the zip file). Alternatively, you can open a gallery with the latest version of JuiceboxBuilder-Pro (v1.5.1) and re-save the gallery on the 'Publish' tab.

Full instructions are in the link above.

861

(3 replies, posted in Juicebox-Pro Support)

I notice that you are currently using Juicebox v1.5.0.
I would recommend upgrading to the latest version (v1.5.1) as many bugs were fixed in v1.5.1. (There are 40 documented bugfixes in the Version History.)

Having said that, I think your problem may simply be due to aspect ratio differences between your images and mobile viewing devices.

When I view your gallery on my iPod Touch, the gallery's Splash Page appears in the embedding page with very little space surrounding it (the Splash Page takes on the gallery dimensions set in the embedding code) and, when the Splash Page is tapped, the gallery expands to fill the viewport (regardless of the gallery dimensions set in the embedding code).
In the expanded gallery, your landscape-style images are displayed as large as possible (without cropping) in a portrait-style viewport but with white areas above and below the images.
If the images were displayed any larger, then cropping would occur and the left and right sides of the images would be missing.
When I rotate my iPod Touch, the images are displayed much larger (as the landscape orientation closely matches the aspect ration of your images) with only a little white space to the left and right of the images.

There's probably little you can do to reduce whitespace in your expanded gallery but Juicebox will always display the images as large as possible within the gallery's image area (no matter what size and shape the gallery is) unless imageScaleMode is changed from its default value of SCALE_DOWN.

I hope this helps to clarify things somewhat.

Please also see this FAQ:
My Juicebox gallery shows too much space above or below the main image, how do I fix this?

862

(1 replies, posted in Juicebox-Pro Support)

Yes. Set enableLooping="TRUE" in JuiceboxBuilder-Pro's 'Customize -> General' section.
(This configuration is in the 'General' section rather than the 'AutoPlay' section as it applies to manual navigation as well as AutoPlay.)

863

(7 replies, posted in Juicebox-Pro Support)

Here are some tips which may help:

(1) First of all, if you have any security software installed (e.g. Avast, AVG, etc.), please make sure that the program itself and its database are both up to date.
If this does not help, then try completely disabling your security software (at your own risk) or make an exception for the JuiceboxBuilder executable file to see if this makes a difference.
(Older versions of Avast's Ransomware Shield have been known to interfere with the functionality of JuiceboxBuilder but this should not be a problem with up-to-date versions.)

(2) With JuiceboxBuilder-Pro closed, delete the following folder manually and then try running JuiceboxBuilder-Pro again:
Mac: /Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
Windows: C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro

(3) With JuiceboxBuilder-Pro closed, please check to see if the following folder exists on your system:

C:\Users\Username\Documents\JuiceboxBuilder-Pro\.tempGallery

(I'm not sure what the equivalent location would be for a Mac but if you search for ".tempGallery" you should hopefully find it.)
If there is a .tempGallery folder in this location, please delete it manually.
The .tempGallery folder is created automatically by JuiceboxBuilder for internal use only (for the live preview window and as a temporary gallery folder until the gallery is saved on the 'Publish' tab).
It should automatically be deleted by JuiceboxBuilder-Pro on closing the application but, if this fails, it has been known to render the 'New Gallery...' and 'Open Gallery...' buttons inactive.

The only way that I've been able to replicate the symptoms that you describe myself is to save a gallery to a Google Drive folder (so I'd recommend not saving a gallery to a location which is being synced to an online file sharing service) and the problem seems to be due to a persistent .tempGallery folder (which has not been removed as expected).
You may not be using a Google Drive folder but a persistent .tempGallery folder might still be causing a similar problem.

If all else fails, try completely uninstalling both JuiceboxBuilder-Pro and Adobe AIR following the procedure below.

(1) Uninstall JuiceboxBuilder-Pro.
Mac: Delete the 'JuiceboxBuilder-Pro' file from the Applications folder and empty your Trash.
Windows: Use the uninstaller in the 'Control Panel -> Programs -> Uninstall a program...' list.

(2) After uninstalling JuiceboxBuilder-Pro, please check that there are no files are left behind (even from a failed installation) by manually deleting the following folders (if they exist) from your hard drive:
Mac:
/Applications/JuiceboxBuilder-Pro.app/
/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro
/Users/Username/Library/Preferences/JuiceboxBuilder-Pro
Windows:
C:\Program Files (x86)\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\Adobe\AIR\ELS\JuiceboxBuilder-Pro
C:\Users\Username\AppData\Roaming\JuiceboxBuilder-Pro
C:\Users\Username\Documents\JuiceboxBuilder-Pro
You may need to show hidden files to find some of the above locations in Windows File Explorer.

(3) Also, please follow the procedure above (Steps #1 - #2) for JuiceboxBuilder-Lite, too (if you have it installed).
JuiceboxBuilder-Lite and JuiceboxBuilder-Pro can both be installed and run side by side on the same computer but, being that you are experiencing problems, it might be wise to completely clear your system of all JuiceboxBuilder files before trying to reinstall JuiceboxBuilder-Pro.

(4) Uninstall Adobe AIR.

(5) Reinstall Adobe AIR.
You can download the latest version of Adobe AIR from here.

(6) Reinstall JuiceboxBuilder-Pro (and make sure that it is the latest version, v1.5.1) following the instructions here.

Hopefully this will help.
Please let me know how you get on.

864

(1 replies, posted in Juicebox-Pro Support)

Hi.

This is a support forum for the Juicebox-Pro web gallery software from SimpleViewer Inc.

From your query, it sounds like you are referring to a 'JuiceBox' from eMotorWerks, a completely unrelated company to our own (although the product names are the same).

I do not know if they have a forum but you should be able to contact eMotorWerks directly via their online form here: https://emotorwerks.com/contact

I hope this points you in the right direction.

I'll make the mouse wheel suggestion  in the Feature Requests as you point out!

Thanks!

Just in case you're on the hunt for some Juicebox galleries in the wild, we have been known to feature users' galleries in our blog, on our Facebook page and via Twitter.

When I disable the splash screen for use with cell phones, a page with ALL the thumbnails is loaded, rendering them quite small.

If you find that many small thumbnails are displayed, then try scaling the content of your web page for mobile devices by adding the following <meta> tag to the <head> section of your web page:

<meta name="viewport" id="jb-viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=0" />

The thumbnails look larger after clicking the Splash Page because, when the Splash Page is clicked, the gallery is expanded on a web page of its own (the 'full.html' web page from within the gallery's 'jbcore' folder) and this web page already has the <meta> tag from above in place.

When viewed on a cell phone, the images scroll side to side.

When a Juicebox gallery is displayed on a touch-enabled mobile device, Juicebox uses Touch Input Mode (rather than Mouse Input Mode). Please see the Input Mode support section for more information.

In Touch Input Mode, the imageTransitionType is always set to SLIDE (which is the transition which best fits with the swipe gesture for navigating between images).
The imageTransitionType can be set only for Large Screen Mode and Mouse Input Mode. This is noted in the short description for imageTransitionType in the Main Image section of the Config Options Page:

imageTransitionType: How to transition between images. Only applies for Large Screen Mode and Mouse Input Mode.

Unfortunately, there is no way to change the imageTransitionType on a touch-enabled mobile device. It will always be set to SLIDE.

If not, is there a way to bring that feature back to Juicebox someday?

Please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked by the developers.
I do not know the likelihood of any suggestions being implemented but this is certainly the best place for all ideas.
Thank you.

868

(3 replies, posted in Juicebox-Pro Support)

I hope you get on OK with the new version of the plugin. Please let me know how it goes.
Gutenberg is certainly a big change from the previous editor. I'm curious to see how it develops, too.

869

(3 replies, posted in Juicebox-Pro Support)

Unfortunately, as you have discovered, the current version of WP-Juicebox (v1.5.1) is not compatible with the new Gutenberg editor within WordPress 5.0 (and later).

We hope to release a version of WP-Juicebox which is compatible with WordPress 5.0 very soon.
In the meantime, there are two things that you can do.

(1) Install and use the Classic Editor plugin (written and maintained by the WordPress team) from here.
This replaces the Gutenberg editor in WordPress 5.0 with the familiar TinyMCE editor and, in doing so, restores WP-Juicebox functionality.

... or:

(2) Try the new version of WP-Juicebox which you can download from here.
It has not yet been released but it has been designed to work with the Gutenberg editor in WordPress 5.0.
The new plugin adds an 'Add Juicebox Gallery' button to the Gutenberg toolbar which, when clicked, displays the regular WP-Juicebox gallery settings window.
After clicking the 'Add Gallery' button, the WP-Juicebox gallery shortcode is entered into the page or post as a Gutenberg 'Shortcode' block.
Here's how to then add images to your WP-Juicebox gallery (essentially attaching images to the page or post) from within Gutenberg:

  • Add a Gutenberg 'Gallery' block to the page or post containing the WP-Juicebox gallery shortcode.

  • Upload images from your local machine by clicking the 'Media Library' button (in the 'Gallery' block) and dragging and dropping the images into the media window.

  • Wait until the images have finished uploading.

  • Reorder the images (if necessary) by going to the 'Create Gallery -> Media Library' section, selecting 'Uploaded to this post' and then dragging and dropping the images into the order you require.

  • Close the media window using the cross at the top right (do not click 'Create a new gallery').

The new version of the plugin also adds the ability to create a new gallery on the 'WP-Juicebox -> Manage Galleries' page.
This is simply an alternative way to create a new gallery when using an editor which does not support the 'Add Juicebox Gallery' button (such as CodeMirror).
After creating a gallery via this method, you would need to copy and paste the shortcode into the page or post (and then attach images to the page or post as usual).

If you are a Juicebox-Pro user, please remember to upgrade the plugin to Juicebox-Pro (as it comes bundled with Juicebox-Lite) by following the instructions here.

Please remember that the plugin has not yet been released and is still officially in an experimental state (although I have tested it myself and it should work fine).
If you choose to try the new plugin, please let me know how you get on and if I can be of any further assistance.

870

(7 replies, posted in Juicebox-Pro Support)

Thank you yet again.

You're welcome!

You've definitely given me a lot of information to work with.

I hope you get on OK. Just give me a shout if you get stuck with anything.

My apologies that I'm not proficient in coding.  I'm learning as I go!

No worries at all! Just glad I could help.

871

(7 replies, posted in Juicebox-Pro Support)

But out of curiosity, when viewing the main page on cell phones, rather than play as a slide show, it gives the option of viewing it as a gallery.

What you are describing is the Splash Page.

On mobile (small screen) devices, if the gallery is embedded in a web page alongside other content, then Juicebox displays the Splash Page (an image placeholder for the gallery) which, when tapped, expands the gallery to fill the browser viewport (to give the main images as much room to be displayed as possible).
In Small Screen Mode, after tapping the Splash Page (or if the gallery is presented on a web page of its own and the Splash Page is not used), the user will be presented with a grid of thumbnails from which a main image can be selected.
When a thumbnail is tapped, the thumbnail page is replaced with the chosen image. (In Small Screen Mode, the thumbnails and main images are displayed on different pages to maximize the area available for the images on small screen devices.)
The user can return to the thumbnail page by tapping the 'Thumbnail' button on the gallery's Button Bar (and can return to the original embedding page by tapping the 'Close Gallery' button).
Please see the Screen Modes support section in the Gallery Tour for more information.

Is there a way to have it play as a slideshow immediately within the main page on cell phones?  I'm guessing it may have something to do with setting it at a fixed size.

Yes, it is not a matter of changing the gallery's size but rather setting specific configuration options.

You can choose to not use the Splash Page by setting showSplashPage="NEVER" (in  JuiceboxBuilder-Pro's 'Customize -> Splash Page' section). Using this setting, the thumbnail page would initially be displayed instead of the Splash Page on small screen devices. If you want to skip the thumbnail page and go straight to the first main image in the gallery, then set showSmallThumbsOnLoad="FALSE" ('Customize -> Thumbnails').

Alternatively, you could force the gallery to be displayed in Large Screen Mode (which, by default, does not use the Splash Page and displays the thumbnails and main images together, like in desktop browsers) on all devices and in all browsers by setting screenMode="LARGE" ('Customize -> General').

If you choose to continue to use the Splash Page, then you can configure it (for example to change the image displayed) using the Splash Page configuration options listed here.

I hope this helps to clarify things and gives you a few options to try.

872

(7 replies, posted in Juicebox-Pro Support)

For some reason, it was significantly increasing the spaces between the buttons on the left, at least on my home page.

Setting a Juicebox-Pro configuration option should not affect elements outside the gallery on the embedding page. If you find that this is happening, then please set up a test page to demonstrate the problem and we'll investigate further.

So, if I just finished Code_Maternity.html and then went to the portraits folder and saved Code_Portraits.html, the maternity code was duplicated and saved in the portraits folder as well.

Unfortunately (or perhaps fortunately), I still can't replicate the problem. Files from one gallery folder are not duplicated into other gallery folders (at least for me) when I save a gallery on the 'Publish' tab (even when moving from one gallery to another without closing and re-opening JuiceboxBuilder-Pro between editing galleries).
I'm glad it's not a big problem for you but if you can boil the problem down to a reproducible set of steps that I can follow to replicate the problem, I'll happily investigate further.

Hopefully you'll get on OK but if you run into any further difficulties, just let me know and I'll do my best to help you out.

873

(7 replies, posted in Juicebox-Pro Support)

This is probably a basic question....but I can't get my vertical images to center....all are on the left.

It looks like all your images (both landscape and portrait) are justified left due to setting imageHAlign="LEFT" in your gallery's 'config.xml' file.
Setting imageHAlign="LEFT" will ensure that the left-hand edge of each image is flush against the left-hand edge of the image area within the gallery.
Set imageHAlign="CENTER" instead (the default value) and your images will all be horizontally centered within the gallery's image area.
For reference, imageHAlign can be found in JuiceboxBuilder-Pro's 'Customize -> Main Image' section.

Also, an off-topic question:  When saving galleries to their respective folders, codes for other galleries are duplicated and saved into the same folder for no apparent reason

If you save each gallery to its own unique folder and re-save a specific gallery to its own specific folder, then no other gallery folders should be touched when re-saving the gallery.
I cannot replicate the problem you describe but it you can provide a certain folder structure and set of instructions which will allow me to reproduce the problem, I'll certainly be happy to investigate further.
Thank you.

There is, indeed, a stripped-down version of jQuery v1.7.0 included within the 'juicebox.js' file.
However, it is not possible for a user to manually remove or replace this version of jQuery.
I have notified the developers of your post and I'm sure they will investigate further.
Thank you for the report.

875

(5 replies, posted in Juicebox-Pro Support)

... when viewed on my Androïd smartphone, I can see a page with thumbs ; why ?

When viewed on a mobile device, Juicebox automatically switches to Small Screen Mode by default to display the gallery (where thumbnails and main images are displayed on separate pages to give the main images more room to be displayed).
Please see the Screen Modes support section for more information on how Juicebox adapts to different devices and screen sizes.

If you want to force your gallery to always be displayed in Large Screen Mode on all devices and in all browsers, then set screenMode="LARGE" in JuiceboxBuilder-Pro's 'Customize -> General' section.

I hope this helps.