251

(4 replies, posted in Juicebox-Pro Support)

I'm glad you've been able to answer your own question. Thanks for posting back to let me know.

I realise that, in theory, JuiceboxBuilder could be tweaked to allow certain non-web-safe characters but then you might encounter issues further down the road (for example, when the images are uploaded to a web server).

It really is best to stick with web-safe characters for image filenames when the images are intended for the web.
JuiceboxBuilder works with all web-safe characters and you shouldn't have any trouble with the image filenames in any program or on any web server.

(1) After creating an album, open the 'index.html' file (in the album's root directory) in a plain text editor, scroll down to the CSS section of the page and just after:

body {

... enter the following (the default value for Juicebox-Pro's galleryFontFace configuration option):

font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

(2) The minimum requirements for Juicebox-Pro's email functionality are that you set showEmailButton="TRUE" and use a valid email address for emailAddress (in the skin's 'Pro Options' text area). With this is place, the Email Button will display on the gallery's Button Bar.
Please note that you'll need to ensure that you are using Juicebox-Pro for this to work. (Email functionality is not supported by Juicebox-Lite.)
Instructions for upgrading the skin from Juicebox-Lite to Juicebox-Pro can be found in the skin's description on its download page here: https://jalbum.net/en/skins/skin/Juicebox

(3) Thumbnails do not have to be square but they do all need to be the same size as each other.
You can set the thumbnail dimensions on jAlbum's 'Images -> General' tab (in the 'Image bounds' control panel) and you can then tell Juicebox the thumbnail dimensions by setting thumbWidth and thumbHeight in the skin's 'Pro Options' text area, e.g.:

thumbWidth="100"
thumbHeight="60"

Please note that, just like #2 above, you'll need Juicebox-Pro for this to work.

I hope this helps.

Please try running JuiceboxBuilder-Pro with Rosetta.

Check out this forum thread for details: https://juicebox.net/forum/viewtopic.php?id=5289

Also, it's noted as a Known Issue on the Adobe AIR download page: https://airsdk.harman.com/runtime

Launch failure on M1 hardware. Some AIR applications will fail to launch when run on a device using Apple Silicon (M1 / ARM hardware). To work around this, please right-click on the application icon within Finder, choose "Get Info", and on the resulting dialog, select the checkbox "Open using Rosetta".

This should hopefully resolve your problem.

254

(4 replies, posted in Juicebox-Pro Support)

Do you have any non-alpha-numeric characters in your image filenames (e.g. quotes, commas, spaces, accented characters)?
If so, try renaming them using only web-safe characters.

As an image filename forms part of a URL when uploaded to a web server, it would be wise to use only web-safe characters within image filenames. Please see section 2.3 of this document for details.

Characters that are allowed in a URI but do not have a reserved purpose are called unreserved. These include uppercase and lowercase letters, decimal digits, hyphen, period, underscore, and tilde.

JuiceboxBuilder can handle image filenames with any or all of these non-reserved characters (but some other characters can cause problems).

I hope this helps to resolve your issue.

@tonygamble

I'm glad you found the fix you were looking for!

256

(2 replies, posted in Juicebox-Pro Support)

Hi.

If you want to remove support for earlier versions of IE, you could remove all CSS rules relating to the following classes from the 'theme.css' file:
.jb-flag-msie-bf9 (rules relating to all versions prior to IE9)
.jb-flag-msiever8 (rules specific to IE8)
.jb-flag-msiever7 (rules specific to IE7)

If you really wanted to remove support for all versions of IE, you could remove all CSS rules relating to all classes starting with:
.jb-flag-msie

Unfortunately, you won't be able to do similarly for the 'juicebox.js' file as it is compressed and packed/obfuscated and so cannot be modified.
(Also, as noted in this FAQ, modifying the source code is not supported.)

Even if you could modify the 'juicebox.js file, removing the built-in version of jQuery would not be a trivial matter.
You'd need to make sure that all remaining JavaScript code is compatible with whatever version of jQuery you plan to include in your page (checking for the presence of deprecated and removed  functions).
Also, there's surprisingly little JavaScript code relating specifically to IE and removing it would probably only save you 2 or 3 kilobytes from the overall size of the file.
Removing jQuery would obviously reduce the size of the JavaScript file more considerably but it's just not possible for a user to do.

Thanks for the update! I'm glad it's working.

Harman has just released a new AIR runtime (v33.1.1.743) which should hopefully resolve the Mac file dialog issues.
Here's the relevant entry from the AIR SDK release notes:

github-1509/1522/1529: Correcting file dialog handling of properties such as filters and filenames

You can download the new AIR runtime from here: https://airsdk.harman.com/runtime

Please let me know how you get on. Thanks!

259

(4 replies, posted in Juicebox-Pro Support)

Thanks for the update. At least you've found the root of the problem.
I see their documentation regarding this here:
Understand Managed WordPress security: https://godaddy.com/help/understand-man … rity-40956

I hope GoDaddy is willing and able to relax this security measure for your wp-content/plugins/wp-juicebox directory as it breaks the functionality of WP-Juicebox.

It sounds like this applies only to their Managed WordPress platform and not to a regular WordPress site hosted on their web server.
Maybe you could download and install WordPress on your web space yourself and then migrate your Managed WordPress site to the regular WordPress site following GoDaddy's own instructions here:
Move a Managed WordPress site to an unmanaged WordPress account: https://godaddy.com/help/move-a-managed … ount-19798

Otherwise, you could manually embed your Juicebox galleries into your WordPress posts using the baseUrl method of embedding documented here.
Here's an example:

Step #1
Create a gallery with JuiceboxBuilder-Pro (on your computer) and save it to a new empty folder named "my_gallery_folder".

Step#2
Upload the entire gallery folder (not just the contents) to the root directory of your web space (using an FTP program such as Filezilla: https://filezilla-project.org/.)
The root directory will likely be named something like 'public_html' or 'htdocs' (depending on your web server).

Step #3
Create a new 'Custom HTML' Gutenberg block in your WordPress post.
Click the '+' symbol in your WordPress post to create a new Gutenberg block. Scroll down to the 'Formatting' section and select the 'Custom HTML' block type.
Now paste the following embedding code into the 'Custom HTML' block.

<!--START JUICEBOX EMBED-->
<script src="/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl: "/my_gallery_folder/",
        containerId: "juicebox-container",
        galleryWidth: "100%",
        galleryHeight: "600",
        backgroundColor: "#222222"
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The leading slashes in the paths above denote your root directory so the code above will work without modification as long as your gallery folder is named "my_gallery_folder" and has been uploaded to your root directory.

You can, of course, name your gallery folder anything you like but you'll need to make sure that the correct gallery folder name is used in the two paths within the embedding code.
Also, you can upload your gallery folder to anywhere on your web server as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl entry itself, pointing towards the gallery folder) are correct.
I just used "my_gallery_folder" as the gallery folder name for this example and suggest that you upload the gallery folder to your root directory for convenience.

That's all you need to do to embed a Juicebox-Pro gallery into a WordPress post and you can replicate this process as many times as you like.
Of course, for subsequent galleries, you'll need to change the name of the gallery folder (so that each gallery folder has a unique name) and change the two instances of the folder name in the embedding code, but that's all.

I hope this helps.

I'm glad you're making progress (of sorts)!

It sounds like you've got everything back to that way it should be with the obvious exception of the file chooser freezing issue which Harman is aware of.

Here is an up-to-date list (as of 11 January 2022) of discussions/issues surrounding the issue over on Harman's GitHub pages.
https://github.com/airsdk/Adobe-Runtime … sions/1458
https://github.com/airsdk/Adobe-Runtime … sions/1518
https://github.com/airsdk/Adobe-Runtime … ssues/1509
https://github.com/airsdk/Adobe-Runtime … ssues/1522
https://github.com/airsdk/Adobe-Runtime … ssues/1529
https://github.com/airsdk/Adobe-Runtime … ssues/1555

ajwfrost has said (in this comment) that they hope to release a new AIR runtime to fix the issue early next week.

261

(4 replies, posted in Juicebox-Pro Support)

@pholtzman

When I try to view your gallery's configuration file (dynamically generated by the 'config.php' file inside the 'wp-juicebox' folder), I should be able to see the XML data but, instead, I see just the following message:

Forbidden

You don't have permission to access this resource.

If a browser is unable to see the data directly, then Juicebox will be unable to do so also, resulting in the "Config file not found." error that you reported.

In fact, I can't even view the 'readme.txt' file inside the plugin's directory, either. Again, I see an error 403 (forbidden).

Please check the permissions on the files directly inside your /wp-content/plugins/wp-juicebox/ directory.
Default file permissions of 644 should be fine. (You should be able to check and change file permissions either through your hosting account's online file manager or by using a dedicated FTP program such as Filezilla).

Also, please check your web server's security settings (perhaps via your hosting account's online control panel or a '.htaccess' file) to see if there is anything that might be blocking direct access to PHP and TXT files.

If you can't find the root of the problem, just ask your web host why the following URL results in a 'forbidden' error rather than displaying the text and they should be able to help you out further.

http://downtowngroup.com/wp-content/plugins/wp-juicebox/readme.txt

@Ann

I'm glad you've been able to sort out your Safari issue. Thanks for sharing.

For others experiencing the same problem, the relevant instructions are documented in this FAQ and also in this forum post.

The new fix is also documented in this FAQ.

264

(1 replies, posted in Juicebox-Pro Support)

Your attachment didn't seem to attach...

Check to see if any of your image filenames have any special characters in them (i.e. any characters that are not just regular alpha-numeric characters, e.g. commas, spaces, accented characters).
If this does not help, then perhaps you could zip and upload the gallery folder somewhere and provide a link so that I can inspect your gallery files and try to figure out what the problem is.
Thanks!

(You can email me the link to the zip file if you don't want to post it here. My email address is below my user name to the left of this post.)

Thanks! I hope they can resolve the issues very soon.

A user has just reported a further issue with the file/folder chooser (macOS 12.1) in the new AIR SDK (33.1.1.731) which may be related to a change in behavior (no 'New Folder' button) that you noted in your last post.
https://github.com/airsdk/Adobe-Runtime … ssues/1522

I'm sorry to hear that you are still having such problems.
I swapped the AIR framework files on my Windows system (C:\Program Files (x86)\Common Files\Adobe AIR) with the new runtime files from the updated Harman AIR SDK with no problems or adverse effects at all, hence my suggestion for you to try it on your Mac. (I experienced no problems adding multiple images, no speed degradation populating the 'Images' tab, no problem opening existing galleries and no problems with the 'Save Gallery Folder As' dialog window.)

Until the new runtime is released, you might like to just revert to the current AIR runtime (v33.11.533) which you can download from here: https://airsdk.harman.com/runtime
At least then you can save each new gallery to a folder named 'juicebox_gallery' on your desktop and stay away from the 'Browse...' button in the hope that the new runtime will fix it.

From your description of how things stand at the moment, I'd recommend a complete uninstall of both JuiceboxBuilder-Pro and AIR. When the time comes, you should be able to use the new runtime installer to upgrade AIR (on top of the old version, without having to uninstall or reinstall anything further).

If you are urgently looking for a solution, you could perhaps try extracting the runtime files from the new SDK that Harman has just released and manually replace the existing runtime files on your systems.

Download either of the MacOS SDK files (both contain the same runtime files) from this web page: https://airsdk.harman.com/download
After extracting the zip file, you'll find the 'Adobe AIR.framework' runtime files inside the 'runtimes/air/mac/' folder.
The location for 'Adobe AIR.framework' should be /Library/Frameworks/Adobe AIR.framework
This is untested but should hopefully work OK.

Please let me know how you get on if you choose to try this.
Thank you.

Otherwise, deleting the 'ELS/JuiceboxBuilder-Pro' folder (as I noted in a post above) to revert the 'Gallery Folder' text to its default value should enable you to save a gallery to a folder named 'juicebox_gallery' on your desktop (where you can then rename and move it as required) without having to use the 'Browse...' button (which currently invokes the faulty file chooser) at all.

Thank you very much for the confirmation.
It's good to know that we've found the cause of the problem.
At least Harman are aware of the problem and are working on a fix.

Edit:

Harman have just (5 hours ago) released a new AIR SDK with the fix, as noted here: https://github.com/airsdk/Adobe-Runtime … 1003894705
Hopefully the standalone runtime will not be far behind. (I've asked them for an ETA in the thread.)
I'll keep a lookout for it and post back here with any further news.

Update:

It looks like it might be an AIR bug.

These two reports sounds very much like like what you are experiencing:
https://github.com/airsdk/Adobe-Runtime … sions/1458
https://github.com/airsdk/Adobe-Runtime … ssues/1509

Are you running Mac Monterey 12.1 and did the problem start when you first started using 12.1?
Were you able to use the file chooser once before the application froze on a subsequent attempt?

Unfortunately, it looks like we may need to wait on Harman to fix the problem.
I'll keep an eye on the discussions over on Harman's Github page and report back here with any further news.
Thank you for your patience.

I have been getting frequent freeze-ups when opening a new window through the Browse button.

One other Monterey user has reported a similar issue.

Could you please let me know at exactly what point in the process the application freezes?
It might help in troubleshooting the problem or, at the very least, I can log a bug report with the developers.

Is it when you try to select a pre-existing folder or create a new folder in the 'Save Gallery Folder As' dialog window?
Are you trying to save a gallery to a network drive or a folder which is being synced to an online file sharing service such as Dropbox or Google Drive?
Does there appear to be a pattern to when the application freezes?
Have you found a workaround which may be inconvenient but works consistently?
How often (as a percentage) would you estimate that the problem occurs?

My own workflow pretty much involves just saving a gallery named 'juicebox-gallery' (the default name) to my desktop and then renaming and moving the gallery folder as necessary.
I realise that this might not be convenient for everyone but if you are not already doing this, then it might be worth trying. It doesn't involve clicking the 'Browse...' button at all (or editing the non-editable text).
If your 'Gallery Folder' text has changed from its default value and you'd like to revert to the default value, just delete the following folder (with JuiceboxBuilder-Pro closed).

/Users/Username/Library/Application Support/Adobe/AIR/ELS/JuiceboxBuilder-Pro

It should be fine to do this (I've just done it myself on my Windows system... I don't have a Mac) but it might be wise to just move the 'JuiceboxBuilder-Pro' folder out of the 'ELS' folder (onto your desktop, temporarily) in case anything goes wrong and you need to reinstate the folder at a later date. I really do not foresee any problems with this but it would be better to be safe than sorry being that you are unfortunate enough to already be experiencing issues.

... I cannot edit the text in the "Gallery Folder" box.

As a Windows user, I've never been able to edit the text in the 'Gallery Folder' box.
I've always had to click the 'Browse...' button and navigate to a pre-existing folder (or create a new folder within the pop-up 'Save Gallery Folder As' dialog window).
In fact, I've just checked and the 'Gallery Folder' text is, indeed, set to be non-editable so if you've previously been able to edit it, that's rather strange and perhaps a bug within AIR.

Here's how you can set up a local web server environment using XAMPP (other web server environments are available) to preview Juicebox galleries locally in any web browser (without the need to change any browser settings).
(Instuctions are for Windows but should be similar for Linux and Mac.)

(1) Download the XAMPP installer from here: https://www.apachefriends.org/download.html

(2) Run the installer file to install XAMPP. Default settings are fine but you only need Apache and PHP (which are selected by default and cannot be deselected).

(3) Run XAMPP Control Panel.

(4) Start the Apache module (click the 'Start' button next to 'Apache' under 'Actions').

(5) Copy your Juicebox gallery folder to the C:\xampp\htdocs\ directory.

(6) Preview your gallery by opening your browser of choice and entering the following into the browser's address bar: localhost/gallery_folder_name/index.html

Tips:

(1) You can install the Apache module as a Windows service if you like (via the checkbox under the Service heading in the XAMPP Contol Panel) so that it automatically starts on boot (to save you from having to manually start the service each time you boot your computer).

(2) You can save your gallery folders directly to the C:\xampp\htdocs\ directory (on JuiceboxBuilder's 'Publish' tab) to save you from having to copy them there manually.

You're welcome!

I'm glad it worked. Thank you for letting me know.

Hi.
Thank you for reporting this issue.

It looks like the change was introduced in Firefox 95.0 (but I can't find any relevant documentation).
It appears that the configuration option you now need to toggle in Firefox's about:config is security.fileuri.strict_origin_policy, from true to false.

I'll update the relevant 'Tips and Tricks' post here.

I hope this resolves your local viewing problem.
Please let me know how you get on.