Use the Style behavior to control the appearance of a given node in the web client. You can apply multiple Style behaviors to a data node, each defined with specific conditions such that when one condition evaluates to true, the OSM server will apply the corresponding style behavior. For example, you can specify that the font color for a field in the web client appear black unless a user enters an invalid value, in which case you specify the font color to change to red.
OSM applies style behaviors to all compensation strategies: Redo, Undo, and Do Nothing.
When editing order and task data in an editor, you can right-click data node behaviors and select Open Properties View to access the behavior properties.You use the Properties view tabs to model Style behaviors.
Note:
The level at which you create a behavior (at the data element level, task level, or order level) determines where you access and configure the behavior's properties. See "Creating New Behaviors" for more information.To define Style behavior properties:
From the Design perspective, right-click the behavior and select Open Properties View.
The Behaviors Properties view is displayed.
Click the Appearance tab.
Use the Appearance tab to specify how field options are displayed, whether to include line breaks after fields, and whether to hide sensitive information in field contents. See "Style Behavior Properties View Appearance Tab" for more information.
Click the Layout tab.
Use the Layout tab to group child nodes into tabs or table columns. These options are available only for structures that contain child nodes. See "Style Behavior Properties View Layout Tab" for more information.
Click the CSS Style tab.
On the CSS Style tab, you can add HTML formatting to field values and labels in the web client. Enter HTML directly into the CSS Style Attribute fields for values and labels, or enter a class name to control the formatting for values and labels. See "Style Behavior Properties View CSS Style Tab" for more information.
Click the Details tab.
The Behaviors Properties view Details tab is displayed. The Name, Type, and Path field values are read-only, and cannot be modified on this tab. See "Defining Behavior Detail Properties" for more information about the options that you can define on this page.
Click the Conditions tab.
Use the Conditions tab to add conditional logic to the Style behavior. See "Defining Behavior Condition Properties" for more information about defining conditions for behaviors.
Click the Notes tab.
Use the Notes tab to describe the functionality or include internal documentation about the Style behavior.
Note:
See OSM Concepts for more information about behavior default values, inheritance, and declarative syntax.Style Behavior Properties View Appearance Tab
Style Behavior Properties View Layout Tab
Style Behavior Properties View CSS Style Tab
About Web Client Behavior Support
Use the Properties view Appearance tab to define attributes that control the appearance of a given node in the web client.
The Appearance tab is rendered differently based on whether the behavior is defined for an element or a structure. For an element, all fields are enabled except Locate in, which deals with page layouts for structures. For a structure, all fields are disabled except Locate in.
| Field | Use |
|---|---|
| Appearance | Select a value to control the appearance of the node based on one of the following selections:
|
| Locate in | Specifies the page on which the group is placed. New Page locates the group in a newly created page, without a title. |
| Place on New Line | Select to place the node at the start of a new line and to define a condition under which the line break is inserted. |
| Make it a Password Field | Select to protect the contents of nodes containing sensitive information and to define a condition under which the field is secret. |
Use the Properties view Layout tab to define attributes that control the appearance of a given node in the web client.
The Layout tab is rendered differently based on whether the behavior is defined for an element or a structure. For an element, all fields are disabled because the tab deals with page layouts for structures. For a structure with child elements, all fields are enabled.
| Field | Use |
|---|---|
| None | Select to specify no layout. This is the default. |
| Page Layout | Select to specify how to organize a group's child nodes into tabbed pages. When you select this option, you can also enter a name and language for the layout, as well as a brief description.
To use this layout, the node must be a complex type. A complex type element is an element that contains other elements or attributes. |
| Table Layout | Select to place the group in a table format. Child nodes within the group are represented by columns, and instances of the group are represented by rows. Columns are displayed from left to right in the same order that they appear from top to bottom in a view that does not use the table layout. You can choose to hide a child node so that it does not appear in the table.
To use this layout, the node must be a complex type and have children. A complex type element is an element that contains other elements or attributes. |
Use the Properties view CSS Style tab to define attributes that control the appearance of a given node in the web client.
Note:
If you define a CSS Class for a Style behavior, the CSS class must exist when deploying OSM. Otherwise, WebLogic Server throws an error and the default class is used.| FIeld | Use |
|---|---|
| CSS Style Attribute | Enter a CSS style attribute to change the field value format of the data node associated with the style behavior. For example, to customize the color and background color of the field value, you might enter:
|
| CSS Class Name | Enter a CSS class name defined in a customPrint.css or customScreen.css file to change the field value format of the data node associated with the style behavior. |
| Label CSS Style Attribute | Enter a CSS style attribute to change the field label format of the data node associated with the style behavior. For example, to customize the color and background color of the field label, you might enter:
|
| Label CSS Class Name | Enter a CSS class name defined in a customPrint.css or customScreen.css file to change the field label format of the data node associated with the style behavior. |