Selecting a Template

In this section:

How to:

You can select a template for the Dashboard interface from the Look window in the View Builder. A different template can be selected for each public and group view.

The following image shows the Look window, which is divided into two parts. The top part of the window contains thumbnails of template styles and the bottom part is the preview of a selected template.

Look Window

There are several templates available, each with different options. The options include selecting custom colors and selecting a background image. For descriptions of all the templates, see Dashboard Templates.


Top of page

x
Procedure: How to Select a Template
  1. From the View Builder, select a view and click Edit Look.
  2. Click Look.

    The Look window opens.

  3. Click an image in the Look window.

    The selected template displays in the Preview area.

  4. Click Colors to change the colors for the look.

    For details, see Selecting Custom Colors.


Top of page

x
Creating a Custom Template

How to:

Reference:

You can create a custom template for your Dashboard view and access it through the View Builder.

Additionally, there are two templates available from the Look window in the View Builder that you can use to create a Dashboard view that does not have a separate area for the logo embedded in the banner.



x
Procedure: How to Create a Custom Template
  1. Navigate to the worp_html directory in the worp directory structure.

    The worp_html directory contains folders for each of the Dashboard templates (worp, worp0, worp1, worp2, and so on through worp-).

  2. Copy and rename the desired folder (containing the template that most closely resembles the look you want to create) as a new folder under worp_html.

    The new folder name should begin with custom_, for example, custom_new.

  3. In the folder for your new look, edit the profile.prf file.

    The profile.prf file contains two references to the folder name for the template. Change both of these references to reflect the new folder name. If you do not make these changes, your template will still work correctly. However, these references need to be updated for the Dashboard Migration Utility to correctly migrate the views that use the custom templates.

  4. Edit the HTML and CSS files as needed, to make your customizations.

    The tags (bg1, bg2, and so on) should be maintained in these files so that the color selections appear in the View Builder Colors page.

    1. The banner.html and banner.css files control the banner display.
    2. The ctrl.css file controls the appearance of the toolbar that displays above the content blocks.
    3. The content.css file controls the appearance of the content blocks.
    4. The ibitools.css file controls the appearance of toolbar 1, and the customtools.css file controls the appearance of toolbar 2.
  5. Open the View Builder and select the custom template, which will display below the standard Dashboard templates.

    Note: When you make changes to the view outside of the View Builder, you need to go back into the View Builder and select your customized view again to see your changes reflected in the template.



x
Reference: Dashboard Templates

The following are the templates available for Dashboard. The numbers next to each template correspond to the thumbnail images in the Look window. If you place your mouse over the thumbnail, the name of the template appears. For example, template 3 would appear as WORP0.

Template 1 (WORP)

The colors for this template are customizable. The following image shows the WORP template, which contains the Information Builders logo and colors.

Template 2 (WORP-)

The colors for this template are customizable. The following image shows the WORP-, which contains shades of red and silver, and a placeholder for your logo.

Template 3 (WORP0)

The colors for this template are customizable. The following image shows the WORP0 template, which contains a white background with muted blue and a mustard yellow foreground color and text.

Template 1

Template 4 (WORP1)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. The following image shows the WORP1 template, which contains a white background with two shades of blue and gray for foreground color and text.

Template 2

Template 5 (WORP2)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. The following image shows the WORP2 template, which contains a white background with two shades of muted green and mustard yellow for foreground color and text.

Template 3

Template 6 (WORP3)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. The following image shows the WORP3 template, which contains a white background with dark shades of blue and green for foreground color and text.

Template 4

Template 7 (WORP4)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. The following image shows the WORP4 template, which contains a white background with red and mustard yellow for foreground color and text.

Template 5

Template 8 (WORP5)

The colors for this template are customizable. The following image shows the WORP5 template, which contains a white background with gray and blue for foreground color.

Template 6

Template 9 (WORP6)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. This template does not require a logo. The following image shows the WORP6 template.

Template 7

Template 10 (WORP7)

The colors for this template are customizable. You may also use an image for a wallpaper effect in the banner background area. This template does not require a logo and the banner is shorter than the other templates. The following image shows the WORP7 template.

Template 8


WebFOCUS