Inserting FormattedText

To insert a formattedText component:

In the Design Structure Window of the desired file, locate the node in which you wish to insert a formattedText component.
In the Component Palette, select Simple Components from the dropdown list, and then drag and drop the formattedText component to the parent node of your choice.
The formattedText node is inserted and highlighted under the expanded parent node.
In the Property Inspector, set the following attributes for the formattedText component:
- text - Enter the formatted text; optionally it may contain a very limited set of HTML markup.
- inlineStyle - Enter the inline CSS style for this component. In the right column, click the icon to open a dialog, then click New to enter the CSS property values. The property element defines a single name/value pair. The name is defined by the Name attribute, and the Value by the plain-text contents of the element. For example, you can enter 'font-size' for Name, and '28' for Value. In the Advanced tab, you can enter an EL syntax data binding expression or use the Bind to Data dialog to select a data source for this complex attribute.
- styleUsage - Select the correct style to use on inContextBranding text, instruction text, or page stamp text. Supported values are inContextBranding, instruction, and pageStamp. Note that the formattedText component supports both the styleClass and styleUsage attributes. If both attributes are set, the styleClass attribute takes precedence over the styleUsage attribute.

Note: To use data binding, see Data Binding a Component Attribute.

Examples (UIX XML)


...
<formattedText text="This is the formattedText using instruction styleUsage." 
               styleUsage="instruction" />
...
<formattedText text="some text">
  <inlineStyle>
    <property name="color">red</property>
  </inlineStyle>
</formattedText>
...