Appearance and Styles

Information about how to change the look and feel of the desktop viewer.

How to change the background color of the viewer
To change the background of the viewer to a color, add the following style into HeadCSS with your desired hex color: body { background-color:#000000; } If...
Wed, 26 Mar, 2014 at 9:54 AM
Adding more zoom to the viewer
To add more Zoom functionality to the viewer, you will need to add the following to the HeadJS var zoom_sizes = [1000, 1100, 1300, 1500, 1700, 1900]; To s...
Wed, 26 Mar, 2014 at 9:54 AM
How to make the publication load the 1st page as default
By default our viewer remembers the last page a user was on. If you want it to show the 1st page upon return, please add the following into the loadengine f...
Wed, 26 Mar, 2014 at 9:54 AM
How to change the search results order
If you wish to change the order in which search results are returned, add this to the loadengine function: viewer.SearchOrderBy = 'Date'; to order ...
Mon, 28 Jul, 2014 at 11:35 PM
How to add a favicon to the viewer
The favicon is the little image that appears on the tab for most pages. Please get an ico file from the client. Upload to file manager. Go to viewer config ...
Wed, 26 Mar, 2014 at 9:54 AM
How to add a banner advert to the top of the viewer
To add a banner advert to the top of the viewer, make the following changes. In HeadSS, add the following: <style> .banner_wrap {...
Wed, 26 Mar, 2014 at 9:54 AM
How to add a background image to the viewer
To change the background of the viewer to an image, add the following style into HeadCSS with your desired image: body { background-image: url("[U...
Wed, 26 Mar, 2014 at 9:54 AM
V3 Upgrade
  The most up to date viewer Realview have released is V3 (Version 3). Below are some examples of some publications who are already on the new V3 v...
Thu, 27 Mar, 2014 at 1:08 PM
Add A Logo To The Viewer Toolbar (Top Left)
In Head CSS, youll need to make sure the spritemaps are set to have blank spritemaps (no logos in the top left corner) and then set the image as per below: ...
Mon, 4 May, 2015 at 4:10 PM