Download PDF Version

Student Theme Configuration

Student List Theme Configuration

eReserve Plus offers an easy way to theme the student resource list to match your institution colours and display your logo. The theme editor also includes options to customise and display a citation disclaimer and student help resources.

You can begin navigating to the Configure menu and selecting Student List Theme.

Please note that the Student List Theme menu option will only be available to Librarians that have the Site Manager role

The Configure menu is open and displays the Student List Theme option
Figure 1: Student Theme Configuration - Menu

The Student List Theme editor will display an example, interactable student list where you can preview the changes as they are applied.

The Student Theme Configuration example list and configuration options
Figure 2: Student Theme Configuration - Examplelist

The Theme sidebar on the right contains the settings for the student theme:

  • Colours
  • Institution logo
  • Citation Disclaimer
  • Help Menu
The Student theme configuration Actions and Settings Sidebar
Figure 3: Student Theme Configuration - Theme Settings Sidebar

Any changes applied to the theme must be published before they are visible to users.

The actions section allows you to Reset, Revert or Publish changes to the theme:

  • Reset - Restores the default eReserve theme and discards and changes to the theme. A confirmation popup will appear to indicate that the reverted changes will not be applied unless the reverted theme is published. You can make additional changes before publishing the theme.
  • Revert - Undo any changes and restore to the last published theme. A popup will appear to confirm the revert and indicate that any current changes will be lost.
  • Publish - Make any changes visible to all users. A popup will appear to confirm the changes.
The Theme Configuration Sidebar actions
Figure 4: Student Theme Configuration - Actions

Colours

eReserve includes options for changing the colours of the student interface, such as the top navigation bar, icons, buttons, etc. The background colours as well as the text colours can be changed to suit your institution.

The Theme Settings Colour option
Figure 5: Student Theme Configuration - Colours Menu

Click the Colours setting option to display a list of the available colour settings. Each colour option includes a circle on the left indicating the currently selected colour and a name on the right that describes how the colour is applied.

The colour options available under the Colours settings menu
Figure 6: Student Theme Configuration - Theme Colour Options

Selecting one of the colour options will display further details, including a description and examples of how the colour is applied.

Below the examples you will see a colour picker, with a Saturation/Lightness field and a Hue bar underneath. The circle on the left indicates the currently selected colour.

The colour picker display
Figure 7: Student Theme Configuration - Colour Picker

Below the colour picker there is a field that shows the Hex colour code for the currently selected colour. You can enter a Hex colour code into this field to supply a specific colour.

The Colour picker fields
Figure 8: Student Theme Configuration - Specify Colour

The arrow buttons to the right can be used to change the type of colour value, cycling between RGB, HSL and Hex colour values.

When a colour is selected the example section, as well as the example student list, will change dynamically to show the new colour.

A new colour has been selected
Figure 9: Student Theme Configuration - New Colour

Click the Apply button to store the new colour for the theme. Click the Cancel button to undo the colour changes.

The Cancel and Apply buttons underneath the Colour Picker field
Figure 10: Student Theme Configuration - Apply/Cancel

Once you are done you can click the X at the top right to go back to the theme settings menu.

The Back option is located on the right of the Colour settings option
Figure 11: Student Theme Configuration - Back

Any changes to the theme colours must be published before they are visible to users.

The student theme editor allows for a custom logo to be uploaded for your institution.

The Institution logo Settings option
Figure 12: Student Theme Configuration - Logo Menu

Click the Institution Logo setting option to show the options for the theme logo, with a logo example, width setting and an upload field.

The Institution Logo settings options
Figure 13: Student Theme Configuration - Logo Settings
To upload a new logo, click the upload button or drag an image onto the upload area. The preferred image formats for the logo are: SVG and PNG.

The New Logo upload is displayed
Figure 14: Student Theme Configuration - Logo Upload

The new logo will display in the example area and as well as the example student list.

If your logo does not fit within the bar, or is too small, you can adjust the width setting for a better fit.

The default logo width is 150. You can enter a new value or use the controls on the right to adjust the logo size.

The logo width has been adjusted
Figure 15: Student Theme Configuration - Logo Width
Once you are done you can click the X at the top right to go back to the theme settings menu.

The Back option is located the right of the Institution Logo Settings option
Figure 16: Student Theme Configuration - Back
Any changes to the logo must be published before they are visible to users.

Citation Disclaimer

The student theme includes options to display a citation disclaimer button that will show a customisable disclaimer message for students. The disclaimer can be customised in the Citation disclaimer options.

The Citation Disclaimer settings option
Figure 17: Student Theme Configuration - Citation Menu

Click the Citation disclaimer option to display the settings. By default the citation disclaimer is disabled, click the switch to enable the citation disclaimer.

The Citation Disclaimer toggle to enable/disable this option
Figure 18: Student Theme Configuration - Enable Citation Disclaimer

Once enabled an example citation disclaimer will appear, and the citation disclaimer button will appear at the top right of the example student theme.

The Citation Disclaimer preview, displaying an example Citation Disclaimer message
Figure 19: Student Theme Configuration - Example Citation Disclaimer

Click the Edit button on the preview to change the citation disclaimer, this will open a popup with an editor and a preview of the citation disclaimer.

The Edit option for the Citation disclaimer
Figure 20: Student Theme Configuration - Edit Citation Disclaimer
The Edit Citation Disclaimer Text editor and formatting options
Figure 21: Student Theme Configuration - Editor

The editor includes a toolbar with text formatting options. A link option is available on the right of the editor toolbar to allow a link to external examples or information to be included in the disclaimer.

The Add Link option in the Text Editor Formatting options
Figure 22: Student Theme Configuration - Add Link
The Edit Link menu
Figure 23: Student Theme Configuration - Edit Link

Once your citation disclaimer is ready, click the Apply button at the top right. You can click the X button at the top left to go back and discard any changes.

The Apply option on the top-right of the Edit Dislaimer Window
Figure 24: Student Theme Configuration - Apply Changes
The Cancel option on the top-left of the Edit Dislaimer Window
Figure 25: Student Theme Configuration - Cancel
Any changes to the citation disclaimer must be published before they are visible to users.

Help Menu

eReserve includes help resources for students to navigate and use the features of the student list interface. These help resources can be disabled and re-ordered, and you can also add new custom help resources to the menu.

The default eReserve help resources are displayed within the student list interface, whereas custom help resources are linked to external help.

The Help Menu Settings Option
Figure 26: Student Theme Configuration - Help Menu

Click the Help menu option to display the default student help items and settings.

The Menu items under the Help Menu Settings option
Figure 27: Student Theme Configuration - Help Settings
To preview changes to the help menu you can click the Help icon at the top right of the student theme to display the help menu. Any changes in the help menu settings are dynamically updated on the menu.

The Help preview opens on the left side of the example list
Figure 28: Student Theme Configuration - Help Preview

Each default help resource can be hidden from the menu by clicking the hide icon on the right.

All Help items are visible with the Hide option to the right of each item
Figure 29: Student Theme Configuration - Hide Help

A hidden help resource is shown with a strikethrough, and can be restored by clicking on the show icon on the right.

The hidden Help item with the Show option to the right
Figure 30: Student Theme Configuration - Show Help

The list of help resources can be re-ordered using the drag and drop handle on the left. Click and drag the handle to move a help resource to a new position on the list.

The order of the Menu items has been changed
Figure 31: Student Theme Configuration - Change Order

To add a new help resource to the help menu, click the add button at the top right.

The Add Help button on the top right of the Menu items options
Figure 32: Student Theme Configuration - Add Help

A popup will appear where you can enter the details for the help item. Enter a title, short description that will appear in the help menu, and the URL to the external help resource.

The Add Menu item popup fields
Figure 33: Student Theme Configuration - New Help Resource
The new help resource will appear at the bottom of the help menu list.

The new help resource can be edited by clicking the edit icon to the right, or it can be deleted using the delete icon.

The list has been updated with the newly created Help menu item
Figure 34: Student Theme Configuration - Updated List
Once you are done you can click the X at the top right to go back to the theme settings menu.

The Back button is on the right side of the Help Menu option
Figure 35: Student Theme Configuration - Back
Any changes to the help menu must be published before they are visible to users.