Manual Configuration of Simplified Menu HTML Templates

The simplified menu templates are meant for configuration only via the SFX Admin Center. It is recommended that you not change any template files because this may cause the system to be incompatible with features that Ex Libris may add in the future. It is possible, however, to change the appearance of the SFX menu manually by making additional changes to the images, simplified menu templates, and CSS files.

The files are located in the following locations:

  • exlibris/sfx_ver/sfx4_1/<instance>/templates/simplified_template1
  • exlibris/sfx_ver/sfx4_1/<instance>/templates/css/simplified_template1
  • exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1
When customizing templates, it is recommended not to remove placeholders for the textual elements in the SFX menu that are controlled by the SFX Admin Center’s Translations & Display section. Removing the placeholders prevents the textual elements from being displayed.

The following is an example of a placeholder:

<TMPL_VAR ESCAPE=HTML NAME='MESSAGE("SFX Menu Main","Headline--Source")'>: </th>

When making changes to images in the SFX menu, it is recommended not to change the location and names of the images. Rather, replace the original images with your local images. This eliminates the need to make changes to any corresponding tmpl files.

Changing the CSS File

The following is a list of changes that can be done in the .css file that is used in the simplified menu template:

  • To change the background of the menu banner source and title labels:

    Edit: .headline

    attribute: background-color

  • To change the color of the menu banner source and title labels:

    Edit: .headline table th

    attribute: color:

  • To change the color of the title and source information in the menu banner:

    Edit: .headline table td

    attribute: color

  • To change the target services background:

    Edit: .servicesContainer

    attribute: background-color

  • To change the font color of the service public names:

    Edit: .service

    attribute: color

    If the service name is hyperlinked in the SFX menu:

    Edit: .service a

    attribute: color

  • To change the font color of target names:

    Edit: .target

    attribute: color

    If the target is hyperlinked in the SFX menu:

    Edit: .target a

    attribute: color

Changing Images

It is possible to use images of your choice instead of the SFX menu default images. It is recommended to change images using the SFX Admin Center. It is not recommended to change the location and names of the image file. Instead, save the original image (.gif file) and replace it with your local image file. This eliminates the need to make changes to any corresponding .tmpl files (see the following section).

The following images can be changed:

  • The Verde Info button

Log on as the instance user and replace the exlibris/sfx_ver/sfx4_1/<instance>/templates/img/sfxmenu/info.gif file.

  • The background of the language drop-down list

Log on as the instance user and replace the following two files with your files:

  • exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/langBar_corner.gif
  • exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/langBar_bg.gif

The langBar_bg.gif background image is represented as a vertical bar one pixel long that is multiplied to cover the complete banner length.

  • The background of the SFX banner

Log on as the instance user and replace the exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/top_bg.gif file:

The background image is a vertical bar one pixel long that is multiplied to cover the complete banner length.

  • The background of More Options

Log on as the instance user and replace the following two files with your files:

  • exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/bar_corner.gif
  • exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/bottom_bg.gif

The background image is a vertical bar one pixel long that is multiplied to cover the complete banner length.

  • The Go button

The image can be found at: exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/button_bg.gif

The button text is defined in the exlibris/sfx_ver/sfx4_1/<instance>/templates/simplified_template1/target_list.tmpl file:

In<TMPL_IF SHOW_GO_BUTTON…>in<input> make changes to the value attribute.

  • The SFX logo

Log on as the instance user and replace the exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/logo.gif file.

You can remove the SFX logo by logging on as the instance user and editing the exlibris/sfx_ver/sfx4_1/<instance>/templates/simplified_template1/sfxmenu.tmpl file as follows:

Add style=”display:none” to the<img> tag with src="logo.gif

The SFX logo also be changed in the Menu Configuration section of the SFX Admin Center.

  • The SFX logo background image

    Log on as the instance user and replace the <span class="EnteredText">exlibris/sfx_ver/sfx4_1/<instance>/templates/img/simplified_template1/general/default/top_bg.gif</span> file.