Context: By default, a Calpendo will not have a banner at the top of the page but adding one in could help with branding your site. Typically, your Calpendo will have a banner set up for you when it was created, but the following is a copy of the HTML and the instructions for accessing it.


The banner is essentially a table with a single row and three cells in it. Your choice of what goes into the cells is up to you, but the below HTML is an example of how to lay it out.


Steps:


To access the banner do the following: (only for Admins)

  1. Click Admin and then Global Preferences
  2. Select Appearance in the menu on the left
  3. In the two tabs which appear select 'Headings'
  4. Tick the box next to 'Show Banner'
  5. If there is no HTML in that box, paste in the below code or edit what is in there.


When inserting an Image it will have to have been uploaded as a public resource first.  So long as a public resource has been uploaded, which is called logo, this will show an image.  When uploading a public resource image for use as a logo and the name you supply is, for example, logo_MRI, then the relevant src attribute will become src='downloads?type=public&name=logo_MRI'. Note that for line 4, you will need to make sure that the image height and width have been set.


<table>
    <tr style='valign:"top";'>
        <td class='exprodo-banner-edge'>
            <img style='padding: 0.0em; display: inline-block; float: left; height:65px; width:260px;' src='downloads?type=public&name=logo' alt= 'Alt - does this work' />
        </td>
        <td align='center' class='exprodo-banner-mid'>
            <div class='header'>Calpendo</div>
            <div class='version'>Version ${version}</div>
        </td>
        <td class='exprodo-banner-edge'>
            <div style='line-height: 1.3em; padding-top: 0.6em;'>Sample text for right side</div>
        </td>
    </tr>
</table>