Skip to main content
ExLibris
  • Subscribe by RSS
  • ExLibris Dev

    360 Search: Administration Console -- Branding Options

    • Product: 360 Search

    How do I change the branding options in the 360 Search Administration Console?

    This page is part of a larger set of documentation about using the Administration Console to configure your 360 Search service.

    The Branding Options page in the Administration Console allows you to configure the appearance of your 360 Search interface to match your institution's theme. You may include your web page header and footer as well as local Cascading Style Sheet (CSS) settings.
    If your library is a member of a Consortium, and the Consortium has already shared 360 Search Branding Options to your library, this section will not be editable. You may want to work with your Consortium to have them remove their sharing so that you may edit this page to match your own library's web-page design.
    The Branding Options page accepts standard HTML, XHMTL, and CSS syntaxes, and a quick validation will occur for each element you add upon clicking the Save button. Illegal characters will be flagged for correction.
    Note that you may want to match the branding of your 360 Search pages with the branding of your E-Journal Portal and, if you subscribe to it, your 360 Link pages.
    Here is the initial Branding Options screen:
    360 Search Admin Console - Branding Options
    When you are ready to start configuring your Branding Options, click Edit in the upper-right corner of the page. After you make changes, click Save, or click Cancel to discard your changes.
    Changes to the branding of your 360 Search pages will not be visible to patrons until the next day; to see how your changes will look without having to wait, click Preview.

    Cascading Style Sheet
    The first section of the Branding options allows you to enter your Cascading Style Sheet (CSS) settings, which will control the HTML elements you may enter in the Header and Footer sections of this page below it. Style sheet references can be in the form of links to external style sheets or CSS statements entered directly into the form.
    Links to external style sheets should be in the standard format: <link type="text/css" href="your stylesheet URL here" /> where the portion ="your stylesheet URL here" is replaced by the URL for your stylesheet. You may include multiple style sheets if your library web site uses them, or you may create your own style sheet specifically for 360 Search, hosting it on your own web servers and referring to it here by its URL.
    CSS statements may be entered to control specific elements within your branding or to override the default styles within 360 Search. They should be entered using the standard syntax. For example:
    <style type="text/css">
    body { width: XX;
    background-color: #FFFFFF;
    }
    </style>
    For more on the specific html classes and their associated default CSS tags, please see 360 Search: Using CSS to Style Your 360 Search Interface.
    If you want to clear the Cascading Style Sheet information you've entered, press Reset to Default.
    360 Search assumes that your web site reads left-to-right by default, but you may wish to offer your patrons support in languages that read right-to-left (Arabic, for example). If you have chosen to use right-to-left language support for your 360 Search, you will see a second Cascading Style Sheet input box into which you may enter the style sheet and/or CSS statements that will support that display choice. Again, standard syntaxes should be used.

    Header
    You may enter the HTML for your library's header in the Header section of the Branding page. Your header may include library logos, banner images, and perhaps navigation bars either as horizontal elements directly above the 360 Search functionality or as vertical navigation to the left of the 360 Search functionality.
    For best results, use HTML 4.0 or higher, or XHTML 1.0 Transitional syntax. You may wish to check your HTML before entering it by using the W3C's HTML validator (http://validator.w3.org/) to be sure that it does not contain syntax errors or violations.
    Serials Solutions 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" />.
    Many clients have asked whether there is a recommended size for images in the header. The 360 Search 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.
    To clear the Header HTML you've entered, click Reset to Default.

    Footer
    You may enter the HTML for your library's footer in the Footer section of the Branding page. Footers often include logos, contact information, and perhaps navigation bars either as horizontal elements directly below the 360 Search functionality or as vertical navigation to the right of the 360 Search functionality.
    As it is with the Header (above), it is best to use HTML 4.0 or higher, or XHMTL 1.0 Transitional for Footer elements, and you must use include fully qualified image URLs so that images display properly.
    To clear the Footer HTML you've entered, click Reset to Default.


    • Date Created: 9-Feb-2014
    • Last Edited Date: 21-Feb-2014
    • Old Article Number: 7404
    • Was this article helpful?
    //doorbell.io feedback widged