• Registered: 2012-05-15
  • Posts: 10

Topic: Splash Button Text not working since 1.4.0 [SOLVED]

Hello,

Ever since the 1.4.0 update (well, since then I've checked and noticed), the Splash Button Text that I have set is not showing anymore (for small devices)--only the default of "VIEW GALLERY" is being shown, despite what I put in that field under "Customize" in the builderPro.

Here is an example URL: http://www.mattytat.com/boards/boards

Currently, and which has worked for a while now, I have a bootstrap/font awesome anchor/button code in there:

<a href="../boards/boards" class="button3ColorFirst" style="font-size:20px;" role="button">View Boards Gallery <i class="fa fa-chevron-right"></i></a><br /><br /><br />

I even tried just the text "View Boards Gallery", but still, after publishing and FTPing all new files over, it just shows "VIEW GALLERY".

Any help is greatly appreciated. Without the button, I feel that it's very easy for the user not to know to click on that splash image (I guess I could try to target the CSS around View Gallery too if you can tell me those styles, I can't see in the desktop with web developer since it's the mobile splash screen).

thanks!

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

Re: Splash Button Text not working since 1.4.0 [SOLVED]

Unfortunately, this is due to a known bug but it has already been addressed and will be fixed in the next version of Juicebox-Pro.

In the meantime, the only workaround I have come up with is to change the contents of the relevant container using JavaScript.
Unfortunately, because the problem is with dynamically generated code, the substitution cannot be made as soon as the DOM is ready (as the container will not yet exist on the page) and because the problem is with the Splash Page rather than with the gallery itself, there is no Juicebox-Pro API method to check when the Splash Page rendering is complete. Therefore, I have had to use a timeout to delay the substitution until the Splash Page is likely to have been completely rendered. This is by no means an ideal solution but it might work for you until the next version of Juicebox is released which will include the fix for the problem.

Try the following code:

<script type="text/javascript">
    $(document).ready(function() {
        setTimeout(function() {
            var elements = document.getElementsByClassName('jb-splash-view-glry');
            var element = elements[0];
            element.innerHTML = 'Click to open gallery.';
            }, 1000);
    });
</script>
  • Registered: 2012-04-24
  • Posts: 5,924

Re: Splash Button Text not working since 1.4.0 [SOLVED]

This bug has now been fixed in v1.4.1. Please see the Upgrading Juicebox support page for details.