1 (edited by j.backus 2014-04-21 07:57:41)

Topic: black on white background

I need a white background and black text and icons.
I should like to know the optimal way to configure this.

These are my settings at the moment:
backgroundColor="#ffffff"
imageShadowColor="rgba(255,255,255,0.1)"
captionBackColor="rgba(255,255,255,0.1)"
navButtonIconColor="rgba(0,0,0,0.5)"
navButtonIconHoverColor="rgba(0,0,0,0.5)"
navButtonBackColor="rgba(255,255,255,1)"
topBackColor="rgba(255,255,255,1)"
buttonBarBackColor="rgba(255,255,255,1)"
buttonBarIconColor="rgba(0,0,0,.5)"
buttonBarIconHoverColor="rgba(0,0,0,.5)"
textColor="rgba(0,0,0,0.5)"
textShadowColor="rgba(255,255,255,1)"
thumbShadowColor="rgba(255,255,255,1)"

Is this alright?
I still have a black background behind the Home button (I got my Pro license yesterday and also the software).

Thanks for the help!

Best regards,

Jac

Re: black on white background

The configuration options you posted do not include any Back Button options but if I add the following to a Juicebox-Pro v1.4.0 test gallery using your configuration options, the Back Button appears black on a white background.

backButtonPosition="TOP"
backButtonUseIcon="TRUE"

It sounds like you might be using an older version of Juicebox-Pro (although if you just downloaded it yesterday, this is unlikely) or there may be a conflict with some custom CSS code on your web page (if you have embedded your gallery into an existing web page alongside other content).
Please check for these two possibilities and if you continue to experience difficulties, please post the URL to your gallery so that I can take a look and help further.
(You can check which version of Juicebox-Pro your gallery is using by looking at the comments at the top of the 'jbcore/juicebox.js' file and you should be able to see if there are any custom CSS rules being applied to the Back Button using your browser's developer tools.)

Re: black on white background

Hello Steven,

Thanks for your quick reply!

I only posted the color settings. Below all settings I made:

backgroundColor="#ffffff"
imageShadowColor="rgba(255,255,255,0.1)"
captionBackColor="rgba(255,255,255,0.1)"
navButtonIconColor="rgba(0,0,0,0.5)"
navButtonIconHoverColor="rgba(0,0,0,0.5)"
navButtonBackColor="rgba(255,255,255,1)"
topBackColor="rgba(255,255,255,1)"
buttonBarBackColor="rgba(255,255,255,1)"
buttonBarIconColor="rgba(0,0,0,.5)"
buttonBarIconHoverColor="rgba(0,0,0,.5)"
textColor="rgba(0,0,0,0.5)"
textShadowColor="rgba(255,255,255,1)"
thumbShadowColor="rgba(255,255,255,1)"
buttonBarPosition="TOP"
showAutoPlayButton="TRUE"
showNavButtons="TRUE"
backButtonUseIcon="TRUE"
backButtonPosition="TOP"

You see, the I included the ones you mentioned already.

And I have the latest version:
* Juicebox-Pro 1.4.0
*
* Copyright (c) 2014 Juicebox. All rights reserved.
* http://www.juicebox.net
*
* BY USING THIS SOFTWARE, YOU AGREE TO THE JUICEBOX TERMS OF USE
* http://www.juicebox.net/terms
*
* Support and Documentation: http://www.juicebox.net/support
*
* Build Time: 04/15/2014 09:15:07 AM

The site is the latest Drupal version (7.27), I use the Drupal Juicebox module (Juicebox 7.x-2.0-beta5).

The site is www.reinaertdevos.eu. There is an example gallery.

Best regards,

Jac

Re: black on white background

The configuration options you posted above are not the same as the ones used in the gallery whose URL you posted. The gallery on your web page uses the following configuration options.

gallerywidth="100%"
galleryheight="100%"
backgroundcolor="#ffffff"
textcolor="rgba(255,255,255,1)"
thumbframecolor="rgba(255,255,255,.5)"
showopenbutton="TRUE"
showexpandbutton="TRUE"
showthumbsbutton="TRUE"
usethumbdots="FALSE"
usefullscreenexpand="FALSE"
screenmode="SMALL"
imageshadowcolor="rgba(255,255,255,255.1)"
showautoplaybutton="TRUE"
shownavbuttons="TRUE"

The gallery on your web page sets screenmode="SMALL".
If you want to use the Back Button in Small Screen Mode, you will have to set showSmallBackButton="TRUE".
Also, please note that buttonBarBackColor (the background color for the Button Bar) is a Large Screen Mode configuration option only. (This is noted in the description for buttonBarBackColor on the configuration options page.) When you gallery is displayed in Small Screen Mode, the default value of rgba(0,0,0,.5) will be used for the buttonBarBackColor.

If you want to use a Spage Page but want your gallery to be displayed in Large Screen Mode wherever possible, set screenMode="AUTO" and showSplashPage="ALWAYS" (instead of screenMode="SMALL").

Re: black on white background

Hello Steven,

Aha, Drupal has the option to make a difference between a normal page and a teaser page, the last I did use on the front page.
Sorry I did not send you the link of the normal page. But you can click on "Venlo 1".
The link of the normal page is:
http://www.reinaertdevos.eu/content/venlo-1
But I supposed you would notice this.

With best regards,

Jac

Re: black on white background

I do not see a Juicebox gallery on the web page whose link you posted (http://www.reinaertdevos.eu/content/venlo-1) although there is embedding code on the page.
The settings used in this gallery can be seen here: http://www.reinaertdevos.eu/juicebox/xm … es/default
These settings result in a white background for both the Button Bar and the Back Button (in Large Screen Mode).

However, the settings used in the 'teaser' gallery on this page: http://www.reinaertdevos.eu/
... are quite different: http://www.reinaertdevos.eu/juicebox/xm … ges/teaser
... and, because screenMode="SMALL" is used, the background for the Button Bar is the default value of 'rgba(0,0,0,.5)'.

It looks like you might want to change the settings in the 'teaser' gallery so that screenMode="AUTO" and showSplashPage="ALWAYS".

Re: black on white background

Hello Steven,

Thanks for the remarks about the teaser page. I will change them in my configuration. The reason I did this, is that I want the images on this page to stay small.

It is really strange you don't see the gallery on the page of which I did send you the link. I can see it and I could send you a screen capture. You don't get it when you click on 'Venlo 1' on the home page?

With best regards,

Jac

Re: black on white background

You don't get it when you click on 'Venlo 1' on the home page?

That is correct. When I click on the 'Venlo 1' link on your home page, I see no gallery on the resulting web page. (I have viewed the web page in Firefox 28.0, Chrome 34, IE11, Opera 20.0 and Safari 5.1.7.)
It looks like the CSS on your web page may be forcing the gallery container's position and/or size to be such that the gallery itself is not visible on screen.

With regard to your original query, we now plan to open up buttonBarBackColor and captionBackColor for use in Small Screen Mode as well as Large Screen Mode in a future version of Juicebox-Pro.

Re: black on white background

Hello Steven,

I get a black square for the home button with IE8. But I see the gallery. 

I tried it on another computer, this time with IE9 and I get a proper home button (black house, white background). But the gallery disappears after some seconds.  And I get the page you see. But the home page does not have this problem. Really weird.

With Firefox 27.0.1 got the same result as you.

How can this be solved?

With best regards,

Jac

Re: black on white background

I have run your web page through the W3C Markup Validation Service and notice that there are two unclosed <div> elements on your web page. I do not know what part of your Drupal installation is responsible for this (Drupal core, a theme, module or custom code) but investigating this and fixing the HTML errors on your web page would be the first thing I would do. (Try using a different theme to see if your current theme is the source of the problem.)
Once the code on your web page validates correctly, your gallery should hopefully display correctly.
Even if fixing the HTML errors on your web page does not fix the problem, we will at least be able to eliminate them as a possible cause.

Also, it looks like your gallery may somehow have a width of zero.
If I give the <div class="juicebox-parent"> container on your web page a fixed width such as 800px (using Firefox's developer tools), your gallery seems to display OK.
Perhaps you could post your query in the Drupal forum. Please note that we did not write the Juicebox module for Drupal ourselves. If you post your query in the Drupal forum, the author of the module may be familiar with the problem and be able to offer a solution.

I hope this helps and points you in the right direction.

Re: black on white background

Hello Steven,

I will do that and get back to you.
Thanks for all the help!

With best regards,

Jac