You can use the Style Composer to control default settings for font, background properties, position mode, flow control, margins, list styles, and visual effects.
Note: On the following pages, the images of the Style Composer windows show many blank fields. You may actually see the words Not Set populated in these blank fields when viewing these Style Composer windows in Developer Studio.
To access the Style Composer, complete the following steps.
The Style Composer window opens.
To specify the font styles that will be used in the browser for your HTML report, make your selections in the Font window of the Style Composer.
The Font window of the Style Composer is comprised of the following elements:
Determines the font displayed in a browser.
You can specify: Family (launches the Font Picker dialog box) or System Font.
Determines the attributes of the font displayed in a browser.
The options include: Color, Italics, Small Caps.
Determines the size of the font displayed in a browser.
The options include: Specific, Absolute, Relative.
Determines whether the font is displayed as bold in a browser.
The options include: Absolute, Relative.
Determines whether the font effects are displayed in a browser.
The options include: None, Underline, Strikethrough, Overline, Capitalization.
To specify the background styles that will be used in the browser for your HTML report, make your selections in the Background window of the Style Composer.
The Background window of the Style Composer is comprised of the following elements:
Determines the font displayed in a browser.
You can specify: Color, Transparent.
Determines the properties of the background image displayed in a browser.
The options include: Image, Tiling, Scrolling, Position (Horizontal and Vertical), Do not use background image.
To specify the text styles that will be used in the browser for your HTML report, make your selections in the Text window of the Style Composer.
The Text window of the Style Composer is comprised of the following elements:
Determines the alignment of a text.
You can specify: Horizontal, Vertical, Justification.
Determines the spacing.
You can specify spacing between the following text elements: Letters, Lines.
Determines the flow of the text.
You can specify: Indentation, Text direction.
To specify the position mode that will be used in the browser for your HTML report, make your selections in the Position window of the Style Composer.
The Position window of the Style Composer is comprised of the following elements:
From which you can specify: Position in normal flow, Offset from normal flow, Absolutely position.
When Absolutely Position is selected, you can specify position indicators in the measurements.
You may specify: Top, Left, Z-Index.
Note: Z-Index is optional. It sets or retrieves the stacking order for absolute or relatively positioned objects.
To specify the layout styles that will be used in the browser for your HTML report, make your selections in the Layout window of the Style Composer.
The Layout window of the Style Composer is comprised of the following elements:
From which you can specify: Visibility, Allow text to flow, Display, Allow floating objects.
From which you can specify: Overflow.
From which you can specify whether or not to clip the layout from the following positions: Top, Bottom, Left, Right.
From which you can specify: Before, After.
To specify the margins, padding, and border styles that will be used in the browser for your HTML report, make your selections in the Edges window of the Style Composer, which is shown in the following image.
The Edges window of the Style Composer is comprised of the following elements:
From which you can specify: Top, Bottom Left, Right margins.
From which you can specify: Top, Bottom, Left, Right padding.
From which you can specify: Select the edge to be changed, Style, Width, Color.
Note: Borders are displayed as a single solid line in the Style Composer preview window, regardless of whether you select a single or double line border. Borders are accurately displayed in the Style Composer Design view and in the HTML output of an application.
To specify the list styles that will be used in the browser for your HTML report, make your selections in the Lists window of the Style Composer.
The Lists window of the Style Composer is comprised of the following elements:
From which you can specify: Bulleted, Unbulleted.
From which you can specify: Style, Position, Custom bullet.
To specify the interface styles and visual effects that will be used in the browser for your HTML report, make your selections in the Other window of the Style Composer.
The Other window of the Style Composer is comprised of the following elements:
From which you can specify: Cursor.
From which you can specify: Borders, Layout.
WebFOCUS |