Apply a visual theme to Web Determinations

What do you want to do?

Use a corporate logo or background image

Apply a corporate color scheme

Change the header or footer of interview screens

Use a corporate logo or background image

To display your corporate logo in a Web Determinations interview, do the following:

  1. Locate the web determinations main folder as follows:

    Tomcat (Java) – default is the Web Determinations web application in the Tomcat webapps folder; for example, C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\web-determinations\WEB-INF\classes\

    IIS (.Net) – default is in C:\inetpub\web-determinations\bin\

  2. Add the new logo in the images folder
  3. Change the default logo in properties\appearance.locale.properties to refer to the new image
  4. Save the changes; note that by default, changes to templates and properties files do not require a server restart, but the Web Determinations Application server can be configured to load and cache them (properties\application.properties) in which case a restart is required.

Apply a corporate color scheme

To apply your corporate color scheme to a Web Determinations interview, do the following:

  1. Locate the web determinations main folder as follows:

    Tomcat (Java) – default is the Web Determinations web application in the Tomcat webapps folder; for example, C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\web-determinations\WEB-INF\classes\

    IIS (.Net) – default is in C:\inetpub\web-determinations\bin\

  2. Change the default colors in properties\appearance.[locale].properties to match your corporate colors
  3. Modify the following to change the styling, layout, and web widgets (images, and so on) to match corporate branding:
    1. Modify the Velocity templates in the templates\includes folder to change the layout of the interview screens. For more information about working with Velocity templates, see the Velocity Templates Developer Guide
    2. Modify the templates\main.vm.css to change CSS-controlled HTML styles, and also properties\appearance.[locale].properties for other styles and widget controls
    3. Add web widgets such as images or flash objects that are used by the templates and styles in the images and resources folders.

  4. Save the changes; note that by default, changes to templates and properties files do not require a server restart, but the Web Determinations Application server can be configured to load and cache them (configuration/application.properties) in which case a restart is required.

Change the header or footer of interview screens

To change the header and footer on your interview screens, do the following:

  1. Locate the Web Determinations main folder as follows:

    Tomcat (Java) – default is the Web Determinations web application in the Tomcat webapps folder; for example, C:\Program Files\Apache Software Foundation\Tomcat 6.0\webapps\web-determinations\WEB-INF\classes\

    IIS (.Net) – default is in C:\inetpub\web-determinations\bin\

  2. Modify the header and footer Velocity templates as required, in the templates\includes folder. For more information about working with Velocity templates, see the Velocity Templates Developer Guide

  3. Save the changes; note that by default, changes to templates and properties files do not require a server restart, but the Web Determinations Application server can be configured to load and cache them (configuration/application.properties) in which case a restart is required.