The representation of the workflow components is configured in cascading
style sheets (CSS). For further information about CSS please refer to
http://www.w3.org/Style/CSS.
The style sheet includes several sections with configuration parameters for
|
|
SDM Engine |
|
In this section you define the renders used. Activate the link layout renderer, mapping model objects in graphical objects for the links e.g. the property is set to 5. The Link Layout renderer activates a transition display algorithm. |
|
![]() |
In the standard the style sheet renderer is activated! Further renders can be defined. |
|
/******************************************************************/ SDM {
|
|
Selection Section |
This section includes:
|
|
node:selected:selected {
} link:selected:selected {
} |
|
Node Section |
|
The node section defines the nodes display:
|
|
General Display | |
In these sections you define the properties of all nodes (activities, resources, process variables). The first declaration defines the class of the graphic objects that will be created for each activity. For a more specific activity, the declaration can be overwritten. node {
|
|
In the following declaration the @ fetches the activity label from the model property name:. Then further parameters are defined. | |
|
|
The capital letters are properties used for the automatically setting of vertical and horizontal activity extend. (enlarge and downsize) | |
horizontalAutoResizeMode : NO_AUTO_RESIZE; verticalAutoResizeMode : EXPAND_ONLY; |
|
Activities | |
A Workflow activity is defined by the CSS-class activity. Use the attribute Type to differentiate between various types of activities. The following example describes the definition of the start activity. node.activity[Type="start"]{ icon : url(images/start.png); } |
|
Valid activity types are "start" (Start-activity), "end" (End-activity), "activity" (normal activity), "split-or" (Split-OR-Operator), "split-xor" (Split-XOR-Operator), "split-and" (Split-AND-Operator), "join-asyn" (Asynchronous Join), "join-syn" (Synchronous Join) and"join-and" (Join-AND-Operator). |
|
Resources | |
A Workflow-Resource is defined by the CSS-class resource. Use the attribute Type to differentiate between various types of activities. At the beginning of the following example the general display of resources is described. Then follows the definition of type USER resources: node.resource {
|
|
VAlid types of resources are "USER", "GROUP", "ROLE", "DISTRIBUTOR" and "AUTOMATIC". | |
Process variables are defined by the CSS-class processVariable. There are no various types. One definition describes the process variables completely: node.processVariable {
} |
|
In the following section a join node with type XOR is defined via attribute matching. | |
node.join[‘join_type’=XOR]{
} |
|
Flow Direction | |
An additional query of the Direction attribute defines various graphic renditions of nodes for the vertical and horizontal flow direction. Definitions without the query of the flow direction apply to vertical Workflow processes. As a general rule it will do to define the special properties of the horizontal display of a node after the general definition. Example: node.activity[Type="start"][Direction="horizontal"] {
} |
|
Link Section |
|
The link section includes the sections: |
|
General Link Settings | |
The General Link Settings define properties of all types of links. At the beginning of the section the graphic properties of the link layout render are defined, to specify the preferred node sides the link should connect to: |
|
link {
} |
|
Activity Link | |
Links between activities are defined by the CSS-ClassactivityLink. The shipped CSS defines these links as follows: link.activityLink {
} link.activityLink:selected:selected {
} |
|
Resource Links | |
Links between activities and resources are defined by the CSS-class resourceLink. The shipped CSS defines these links as for unselected and selected display: link.resourceLink {
} link.resourceLink:selected:selected {
} |
|
Prozess Variablen Links | |
Links between activities and process variables are defined by the CSS-class prcVarLink. There are various types to be defined with the Type attribute: Example: link.prcVarLink {
} The following section defines type read only process variables:link.prcVarLink[Type="r"] {
} |
|
Vailid types of process variable links are "r" (read only), "w" (read and write) and "m" (mandatory field). |