• Registered: 2018-05-23
  • Posts: 2

Topic: Position bar and subtitles font

872/5000
Loving Juicebox - thanks! I wonder if you can help with a few things:

1. Is there a way to make the button bar position in the annotation area and as an image overlay is not just a coating. I want the buttons to always appear in the bottom right corner of the image regardless of the aspect ratio of the image. Without this Image Overlay, the buttons would sometimes be half full and half of the image would look unattractive.

2. I changed the annotation font for Futura - this looks good in the Juicebox Builder Pro preview but does not appear when previewed in any browser. I deleted the cache so that's not the case. I used it in the comment box in Juicebox Pro:
<font face = "futura"> Sahara Desert </ font>

Any help is appreciated. I'm no expert in this game - just feel my way around!

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

Re: Position bar and subtitles font

1. Is there a way to make the button bar position in the annotation area...

No, the Button Bar can be positioned only via the buttonBarPosition and buttonBarHAlign configuration options.
Possible values for buttonBarPosition are OVERLAY, OVERLAY_IMAGE, TOP and NONE.
Possible values for buttonBarHAlign are LEFT, CENTER and RIGHT.
Please see the Button Bar Options section of the Config Options page for a full list of Button Bar configuration options.

2. I changed the annotation font for Futura - this looks good in the Juicebox Builder Pro preview but does not appear when previewed in any browser.

Here are a couple of tips which might help.

(1) The <font> tag has been deprecated and is not supported in HTML 5. CSS should be used instead. (Please see this web page for further details.)
Try something like this instead:

<span style="font-family: futura;">Sahara Desert</span>

(2) If you like, you can specify a font for all gallery text via the galleryFontFace configuration option (in JuiceboxBuilder-Pro's 'Customize -> General' section).

(3) The font you specify (via CSS or galleryFontFace) will be displayed only if it is installed on the user's computer. Unless you are using a web-safe font (please see here for a list), it would be safer to use a web font (such as one of Google's free web fonts) if you want to be sure that your gallery text looks the same on everyone's computer. Please take a look at the Using Custom Fonts support section for details.