- Create Div Containers
- Create Div Containers
- "6ee90e3b-25d7-4c98-93b5-1cc8031f3b15
- 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:
- : If the system administrator defined some additional styles in the default.js file, you can choose these styles from the list.
- Style
- :
- StyleSheet Classes
- This field is automatically populated once you select a style.
- The Advanced tab is used to configure additional options suc
- h as assign it an ID, a language code, a text direction, a tooltip, or CSS style properties. It contains these fields:
- : Unique identifier (id attribute) for a div element in the document.
- Id
- :
- 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.
- : Tooltip text that displays when you mouse over a Div Container.
- Advisory Title
- : Direction of the text LTR (Left to Right) or RTL (Right to Left).
- Language Direction
- To create a Div Container:
- Open an HTML file in a package.
- Select the text to be included in the div container.
- On the Web Page Editor - Package toolbar, click
- Create Div Container
- Type the appropriate style information on the General and Advanced tabs.
- Click
- OK