360 Core: E-Journal Portal Administration Console -- 2.0 Branding Options

Last updated
Save as PDF
Share
1. Share
2. Tweet
3. Share

Product: E-Journal Portal

How do I use the Administration Console to configure the overlook look and feel (HTML header, etcetera) of E-Journal Portal 2.0?

This page is part of a larger set of documentation about using the Administration Console to configure your E-Journal Portal.

The Branding Options page on the E-Journal Portal 2.0 tab in the administration console controls the overall appearance/theme of your patron-facing E-Journal Portal 2.0 interface.

Access the page by clicking on the E-Journal Portal 2.0 tab in the 360 Core Administration Console:

If you are moving from legacy E-Journal Portal to the new interface and your library uses 360 Resource Manager, the "Terms of Use" pages will continue to be branded with your legacy E-Journal Portal branding, so do not delete the branding you have entered into E-Journal Portal (Legacy) -- Branding Options.

If your library does not use 360 Resource Manager, you can choose to either delete your E-Journal Portal (legacy) branding or leave the branding as-is (understanding that the legacy branding will not be used in any way).

The rest of this document describes the functions of the various setting sections. Click a link below to jump to the section you want to read:

Cascading Style Sheet
Header
Footer
Hyperlink Colors (Branding)
Addional Branding Options
Reference External JavaScript
Browser Title

To start, click Edit in the upper-right corner. After you make changes, click Save, or click Cancel to discard your changes.

For all customizations, be sure to save any HTML that you begin with. There is no way to "undo" HTML changes, so you must save the code yourself in case you decide to revert to your original setting.

Changes you make to the E-Journal Portal will not be visible to patrons until the daily profile data refresh has completed; to see how your changes will look without having to wait, click Preview.

See Previewing Changes You Make in the New Interface for additional information about previewing changes.
For more information about the daily profile data refresh:
- Intota users click here; Client Center users click here.

Cascading Style Sheet

By default, we include a Cascading Style Sheet (CSS) that provides formatting controls for the E-Journal Portal 2.0 interface. However, you can add a URL (path) that links to your own CSS file to apply your library's web-interface styles. Enter your CSS URL path in the Additional CSS File(s) field.

Provide a fully qualified URL, for example, use http://www.yourlibrary.edu/journals.css rather than just /journals.css).
If you have more than 1 CSS URL to link to, enter them in either the Header or Footer field. The Additional CSS file(s) field supports only 1 URL.

Within the Header or Footer field, a link to an external style sheet should be in the standard format: <link rel="stylesheet" href="your stylesheet URL here" /> where the portion ="your stylesheet URL here" is replaced by the fully qualified URL for your stylesheet.

The E-Journal Portal 2.0 interface currently assumes that your web site reads left-to-right. At a later date the Cascading Style Sheet section of the admin console for the 2.0 interface will support web sites that read right-to-left.

Header

Many libraries use this HTML field to enter the HTML for their library's header. If you don't enter anything in the Header section, your E-Journal Portal will display the content, without any branding:

If you use the HTML from your library website as a template, the first line of code put into the Header HTML field should be the HTML that starts after the <BODY> tag; the <BODY> tag is not needed because it is already hard-coded in your E-Journal Portal 2.0 interface.

For best results use HTML5. You may wish to check your HTML before entering it by using the W3C's HTML validator to be sure that it does not contain syntax errors or violations.

ProQuest does not host your images on our servers. For proper display, please include fully qualified image URLs in the HTML you use in the Branding Options. For example, use <img src="http://www.yourlibrary.edu/images/logo.jpg" /> instead of <img src="/images/logo.jpg" />.

Regarding a recommended size for images in the header: The E-Journal Portal 2.0 interface design templates are quite flexible and will take virtually any size image you need to use. However, please use your own design sensibility to determine what works best for your interface.

If you will be referencing a JavaScript file, see the below section Reference External JavaScript.

To change the browser title of your E-Journal Portal page, edit the Browser page title label in the Page Header section of Custom Text.

To clear the Header HTML you've entered, click Reset to Default.

Footer

Similar to the Header, the bottom of the new interface is blank by default, and you will get best results if you enter a custom footer using HTML5.

Hyperlink Colors

You can enter a color hexadecimal (HEX) value for links on all pages and the color of a link when a user mouses over / hovers over it. Enter '#' and then the HEX value (for example, #E60000).

The default settings are standard (blue for links and dark blue for hovered links). If you need a HEX color chart, many exist online such as the HTML Color Picker from w3schools.

Additional Branding Options

If you are moving from legacy to E-Journal Portal 2.0, you may want to activate the branding for the Terms of Use page, which utilizes a responsive design that provides a mobile-friendly experience. To activate this branding, select the Activate EJP 2.0 branding for "Terms of Use" pages check box, which is only applicable to Intota and Resource Manager customers.

Reference External JavaScript

To apply a JavaScript file to your search and results pages, use this section of the admin console to enter the file URL, or you can reference the file by including it in the Footer field on this admin console page (it is ok to enter the JavaScript file into the Header field, but the E-Journal Portal 2.0 back-end prefers the Footer field).

If you are moving from legacy to E-Journal Portal 2.0, you as well should enter your JavaScript into the Footer field; E-Journal Portal 2.0 will not read any existing branding you might have entered into the Page Head field on the Advanced Options admin page on the E-Journal Portal tab.

If you choose to use the Reference External JavaScript section, the checkbox must be selected in order for the file to be referenced.

Browser Title

You can change the title of your E-Journal Portal 2.0 page. Your users see this title in the header section of the web browser. By default the browser title reads "EJP - ProQuest". To change the title, go to the EJP 2.0 section of the Custom Text page. Item 67 (Window title for EJP 2.0) is the label to customize.

Date Created: 1-Jun-2016
Last Edited Date: 27-Oct-2016
Old Article Number: 13894