Changing the Search and Results Logos
About this task
One of the more common customizations made to Watson™ Explorer Engine displays is to replace the default Watson Explorer logo with a corporate or academic logo that reflects the identity of your web site.
To replace the default logo used in Watson Explorer Engine displays, you must specify the URL or filename of the new logo that you want to use, and you must also know the height and width of the image in pixels. (You can obtain height and width information by viewing the image itself in a browser such as Firefox, which will display the image size in the window title.)
Once you have this information
Click the name of the display as shown in Figure 1 to open the display editing screen.
As shown earlier in Figure 2 displays.
- If the Settings tab is not already displayed, select that tab, and make sure that the pane is shown.
Click edit so that you can make modifications to the display settings on this
A screen like the one shown in Figure 1 displays.
Change the logo on the query screen
- Enter the URL or filename of your graphic in the Front Page Logo field
- Enter its height in the Front Logo Height field, and
- Enterits width in the Front Logo Width field.
To change the logo on the search results screen
- Enter the URL or filename of your graphic in the Results Page Logo field
- Enter its height in the Results Logo Height field
- Enter its width in the Results Logo Width field.
When specifying a filename rather than a URL, that file must be available on the web server where Watson Explorer Engine is running. Any graphics that you want to use by filename in your application should be copied to the www/images subdirectory of your Watson Explorer Engine installation. After files have been copied to this directory, you can simply refer to them by the name of the file.
Click OK to save your changes.
After entering information about the logos that you want to use, A screen like the one shown in Figure 2 displays, which contains a preview of the images that you specified.
To test submitting a query against your application using the updated Watson Explorer Engine query screen, click display-tutorial beside the
Project: label in the left-hand Watson Explorer Engine administration tool
The updated query screen for your project displays, as shown in Figure 3.Note: If you have previously displayed a query from your application and the tab or window that contains that query is still open, the updated query results screen will be displayed in that existing tab or window.
To see what search results look like in the updated Watson Explorer Engine display, enter a search term such as testing in the
query dialog shown in Figure 3 and click Search.
The Watson Explorer Engine administration tool displays the results for that search, as shown in Figure 4.
To proceed with this tutorial, click Changing Colors.