Adding a Theme to a Chart

A theme is used to determine the coloring and hues that display in the charts you configure using WebFOCUS Designer. For example, the default border color and chart colors are determined by the theme.

The default theme is called Warm, but you can select a different theme as required. For example, you may want to apply a corporate standard theme to your chart. You can add and change themes to suit your requirements (for example, branding).

Available themes that are called by WebFOCUS Designer are located in the Global Resources domain, as shown in the following image.

Note: This folder structure is present when adding a theme to your chart.

Supported formats for themes include .sty and .css. The theme used in a chart uses the .sty file type, while a .css file is used as a theme for a page. You can develop your own theme using a text editor such as Notepad and then upload it for use in WebFOCUS Designer.

Tip: You can use the code from an existing theme as a model when creating a new theme.

Note: Charts and reports created for use on pages that have colors applied to the component containers can use a transparent background to allow the defined background color of the page container to show through. The Midnight theme, provided as one of the Global Resources options, is an example of a page theme that contains darker background colors. When used in content such as a chart or report, the Midnight theme uses white text to create contrast with this darker background.

In the current release of WebFOCUS Designer, the chart and report canvases display a white background only. This means that if, in order to display on a dark colored page, the font color in the selected theme is defined as white and uses a transparent background then the text will not be visible on the white canvas. To view the white text, build your chart or report on the canvas and add it to a page container with a dark background.

Procedure: How to Add a Theme to a Chart

You can add a theme to a chart to color the background and components of your chart. The default theme is called Warm. This theme uses blue to identify measures and dimensions, and standard coloring for chart components.

1. On the WebFOCUS Home Page, click the Designer tab.
2. Click Chart.
3. Choose a data source and click Select.

   The default theme is displayed in the canvas, as shown in the following image.

   

4. On the Style tab, under Theme, click Warm.

   A list of available themes is displayed in a drop-down list, as shown in the following image.

   

5. Select another theme from the list (for example, Dark) to change the theme.

   The color of the background and chart components changes based on the selected theme, as shown in the following image.