• 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