Help Home

Modifying Web Page Display

Your webpage color schemes, banner image, table options, font sizes, styles and colors can all be modified to your liking.

  1. In order to modify display settings, you must first login to the system as a Privileged User.

  2. Navigate to any Experiment Home (changes to the display settings will be applied to ALL web pages, not just the selected Experiment).

  3. In the Privileged Users Only section at the bottom of the screen, select the Webpage Display Settings link.

  4. The Display Settings Page should appear. Note the links to the reference pages to help you determine the color codes for your webpage color settings.

    6 character color code swatch and named colors
    4096 Color Wheel

  5. Make any modifications to the current settings, then click Submit to finish. The options are described below.

Banner Image

The banner image is the image that is displayed at the top of every webpage. You can create your own image and upload it to the web server to use for the banner. The currently downloaded files are displayed in the dropdown box.

- You can delete any images existing on the server by selecting it in the dropdown box and clicking the Delete button. The Display Settings page will reload with an updated dropdown box.

- To change the banner to be a different image already on the server, select the image name in the dropdown box. When you Submit the page, the selected image will be used instead.

- To upload a new image onto the server, Browse for the image on your local computer. If a file is selected in the Browse box, then when you Submit the page, the file will uploaded and selected as the banner image.

Text Element Properties

You can modify the way the different types of text appear in your webpage. For each type of text element, you can set the following options:

Text Property Description
Font Family The style of font to use (e.g. Times, Arial). These are the typical font names you often see used in Word processing programs. Font names are separated by commas. The first font name listed is the top font option. If a user's computer does not recognize that font name, the second option will be next choice, etc.
Size The size of the font. You can specify either a point size (e.g. 12pt), which is the way most Word processing software specify font size, or a pixel size (e.g. 12 px). Hardcoded options are also available (e.g. small, medium, large)
Color The color of the font. You can either specify a 6 hexidecimal character code (e.g. #ABC123) or a default color name (e.g. red). See webpage links above for these color options.
Background The background color of the text. The background color for the Body text element is important because it determines the background of the entire webpage. Most of the other text elements you will want to leave blank so it will default to the color of the webpage background.
Options Options to make the text bold, italics, or underlined. This is similar to the typical Word processing application.

Table and Menu Properties

Tables

Odd Rows Background Color: The background color of every odd row in a table. This feature was added to make viewing data in a table easier.
Even Rows Background Color: The background color of every even row in a table.
Default Table Width: The width of some tables are determined by this value. For aesthetic reasons, this value is best set to the number of pixels that the width of the banner image is.
Table Cell Padding: The amount of space (in pixels) around the text in each cell of a table. As a reference, this table uses a cell padding of 5 pixels.

Menus

Menu Background Color
The background color of menus such as the Laboratory Main Menu or the Create New Item Menu
Navigation Bar Background Color The background color of the navigation bar found under the banner image on every page.