Sometimes you may want to apply formatting to a larger piece of text than a block element. For example, you want to apply the same style to two paragraphs and a list. You can always select the text and apply the style, but if you want to apply a different style in the future, you would have to select the text again and apply the new style.

You can accomplish the same results in more efficient way by placing the text in a div container. A div container serves as a placeholder for all styling. It also allows you to control the formatting by adding a class from a style sheet to the div container.

The Create Div Container dialog box contains two tabs for configuring the style sheet that you apply to the text in the Div Container.

The General tab is used to manually add a style class to apply to the text in a Div Container and contains these fields:

• Style: If the system administrator defined some additional styles in the default.js file, you can choose these styles from the list.
   
• StyleSheet Classes: This field is automatically populated once you select a style.

• Id: Unique identifier (id attribute) for a div element in the document.
   

• Language Code: Standardized language code (lang attribute) of the div element.
   

• Style: CSS style definitions (style attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.
   

• Advisory Title: Tooltip text that displays when you mouse over a Div Container. 
   

• Language Direction: Direction of the text LTR (Left to Right) or RTL (Right to Left).

To create a Div Container:

1. Open an HTML file in a package.
    
2. Select the text to be included in the div container.
    
3. On the Web Page Editor - Package toolbar, click  Create Div Container.
    
4. Type the appropriate style information on the General and Advanced tabs.
    
5. Click OK.
    
   The text in the Div Container receives the style properties of the style sheet class. Any time that style sheet changes, the text in the Div Container is automatically updated.

Table of Contents  Back