You've worked hard to build your brand and you should have your Flipbooks in a reader that reflects your work. This article will focus on the Appearance and Branding of the Flipbook Toolbar for your end user. Along with setting up your images and color branding!

Click Here for Video Tutorial

The FOLDER/TITLE is the level at which you can define the appearance of your reader, including colors, logos and background images. 

To set up your titles/folder appearance, first you need to be in the "manage titles and issues" view (1 below), Choose a title (2 below) then click Edit Title on the right side of screen (3 below)

Edit Title Access Screenshot

Once in the Edit Folder Interface screen click on Basics > Appearance/Branding and you can choose the following (refer to below screenshot for reference).

Notes:

You can always see a preview of what your choices will look like (except option 4 below, background image) in the visual preview window at the top of the edit Folder, which you can choose to hide/show.

You can also preview your choice (if you have a Flipbook already uploaded) by clicking on the Preview Eye button on the bottom right of this screen.

When you are finished making any changes, just click 'Save' (OR click 'Cancel' to ignore any proposed changes you made).

(1)Choose your Title's Banner Toolbar Color

• You can pick your toolbar color by clicking with your mouse on the color picker OR enter the html/hexadecimal color in the text box (eg #000000 = BLACK)
• Your choice will be reflected in the Banner Visual preview at the top of the edit title screen (you can choose to HIDE this Visual if you like)
• You can also preview your choice (if you have an issue already uploaded) by clicking on the Preview Eye button on the bottom right of this screen

(2)Choose your Title's Background Colour

• You can pick your background color by clicking with your mouse on the color picker OR enter the html/hexadecimal color in the text box (eg #FFFFFF = WHITE)
• Your choice will be reflected in the Banner Visual preview at the top of the edit title screen (you can choose to HIDE this Visual if you like)
• You can also preview your choice (if you have an issue already uploaded) by clicking on the Preview Eye button on the bottom right of this screen

(3)Choose your Title's Banner Toolbar Logo and Link to Website (both optional)

• Display your logo in the banner toolbar for great brand exposure to your users at all times
• There is only a small amount of space so design or adjust your logo accordingly
• We recommend you use a transparent PNG file (so the banner color shows through) at 140px by 22px (a rectangular shape will fill the logo space better than a square shape). Just click "Choose File" and find the image on your computer
• You can link the logo to a website of your choice as well if you like.  Make sure you start the address with "http://"
• Your choice will be reflected in the Banner Visual preview at the top of the edit title screen (you can choose to HIDE this Visual if you like)
• You can also preview your choice (if you have an issue already uploaded) by clicking on the Preview Eye button on the bottom right of this screen
• If you want to remove that logo, just check the "remove current logo" box and update the title
• If you want to update the logo, just choose another file and update the title
• It may take some experimenting to get the best results here

(4)Choose your Title's Background Image (optional)

• Instead of a background color, you can choose to display a background image to give your users a more unique experience
• It's just like choosing an image for your computer's desktop
• Click "Choose File" and find your image on your computer
• Choose the  "Position" of your image in the dropdown menu: center, bottom right, bottom left, top left, top right
• Choose "Repetition" of your image in the dropdown menu for a "tile" effect:  no repeating, repeat in all directions, repeat horizontally, repeat vertically
• If you want to display a single image that spans your flipbook, use a larger image so it will display in full on most screen's display resolution (1920X1200 will ensure a full image will display on large monitors, and smaller laptops screens alike)
• A single image does not stretch/shrink to fit the viewing display screen, which is why we recommend the larger image to accommodate most devices.
• If your image is not large enough to span the display screen, the background color chosen will show past the edges of your image
• If you want to remove the background image and just display the background color, check the "remove flipbook background" box and update the title
• If you want to update the background image, just choose another file and options and update the title

Editing Your Favicon

A favicon is a custom image that is displayed at the top of an Internet browser beside the folder of a website. It is also used as your home-screen icon when your viewer is set to HTML5, on mobile device users and when iPhone and Android users bookmark your Flipbooks.  Best practice states that you should upload your Favicon image to keep everything in line with your branding!