edoras one Modeler Guide

1. Modeler Overview

The modeler dashboard can be accessed by authorized users through the dashboard menu and is used to create and deploy workflow models for use within edoras one.

Before we look at the details of the modeler dashboard it will help to understand how models are related to the user dashboard.

Models are created edited in the modeler dashboard, and as long as they are only edited they are not visible in the user dashboard. When models are deployed, corresponding definitions are created. These definitions can be used in the user dashboard to create work objects of the new type.

1.1. App Models

An edoras one App model contains a collection of different models that combine to define a specific workflow within edoras one.

An app model can be created and then different models can be added and linked together as required. When the workflow is ready, it can be deployed to create the corresponding definitions which are used to execute the workflow, and it can then be tested.

App models can be transferred between different edoras one installations using the Export and Import actions.

1.2. edoras vis

edoras vis is a modeler with focus on modeling BPMN 2.0-compliant processes, edoras one compliant forms and CMMN 1.0-compliant case models.

2. Model types

2.1. Form model

A form model defines a form that can be used by other workflow models to interact with the user. Each form contains a number of form fields arranged in a given layout. The fields in a form may contain predefined content, or may be bound to work object values at runtime, for example to allow the name and description of a document to be displayed and perhaps changed.

Typically two types of forms are used: init forms are used to initialize new work objects, and work forms are used to edit existing work objects.

Form models can be quickly checked by hovering over the form name, previewed within edoras one using the Preview view or edited in the edoras vis modeler using the Design action. It is also possible to download the XML form definition using the Download action.

2.2. Task model

A task model is used to define a new type of user task. The init and work forms for a task are used to create and edit the task contents, and are set using the Browse view. The default candidate groups used for sharing can also be set, and the actions that will be allowed on this type of task can also be selected.

2.3. Document model

A document model is used to define a new type of document. As in the task model, the Browse view allows the init and work forms to be selected, as well as setting the candidate groups and allowed actions. Moreover, the placeholders can also be defined in this view.

2.3.1. Skeleton documents

A skeleton document can be set using the Upload skeleton action. If a skeleton document is provided then whenever a new document of this type is created it will be initialized with its own copy of the skeleton document. Placeholders can also be defined to insert dynamic text into the document copy.

2.3.2. Placeholder expressions

Document models can define placeholder expressions that can be used to insert dynamic values into documents.

A placeholder definition consists of a key (which will be referenced from the document) and an expression that will be evaluated to give the corresponding value:

The expression will be applied at the time that the placeholders are updated, i.e. either when the document is first created from the document model or when the Update placeholders action is used subsequently.

2.3.3. Referencing placeholders from a Microsoft Word document

In a Microsoft word document, placeholders may be referenced by inserting a form field into the document with a Bookmark name that corresponds to the placeholder key:

2.3.4. Referencing placeholders from an Adobe PDF document

In a PDF document, placeholders may be referenced by inserting a form field into the document with a name that corresponds to the placeholder key:

Note	A suitable PDF editing tool is required to create PDF documents with form fields.

2.3.5. Microsoft Word Mailing support

Microsoft Word documents support mailings functionality. Mailings fields can be replaced in a similar way as placeholders with document variable values. The fields have to be encapsulated into TableStart/End tags (Mailings regions support). variableName tag is replaced by variable value on update placeholders action.

Note	To read more about merge mails follow the links: http://www.aspose.com/docs/display/wordsnet/Mail+Merge+with+Regions+Explained and http://support.microsoft.com/kb/212034.

2.4. Process model

A process model allows a full BPMN 2.0 process execution model to be defined. As for form models a process model can be previewed or edited in the modeler using the Design action, and the process definition XML can also be downloaded.

2.5. Case model

A case model is used define a new type of case. A case serves as a container for other work objects and can be used to store shared context information for a given workflow.

When a new case is created, it is possible to start processes, create tasks or create documents and link these to the case automatically. It is also possible to define which processes, tasks and documents can be created. This behaviour is defined using the Browse view. This view allows the init and work forms to be selected, as well as setting the candidate groups and allowed actions.

2.6. Mail model

A mail model provides a template for mails that can be sent by a given workflow. The mail model contains the templates for mail subject and header, both of which can use edoras one backend expressions to fill in the template with dynamic information at the time that the mail is sent.

3. Working with models

3.1. Accessing the modeler dashboard

All users that are part of the modeler group will be able to access the modeler dashboard.

3.2. Importing App models

An App model can be imported into the system by creating a new App through the user interface, and then using the Import action within the app to upload and import a Zip file containing the models to be imported.

When models are imported, the model will be checked to see whether it is already present on the system. If it is not present, then it will be created in the current App. If it is already present within the current App then it will be updated from the import file. If it is already present but as part of a different App then an error will be shown.

If a new model is created from scratch it is assigned an unchangeable ID which is used to track the model across all systems where the model is installed, and it is this ID which is used to establish the relationship between the models on the system and the models in the import file.

If the Import as duplicate option is selected when an App is imported the models in the imported App will not be checked against the models already present. New models will be created that are unconnected with the originals. This can be useful for creating a completely new App, using an existing App as a starting point.

3.3. Models state

Models have a state which changes as the models are edited and deployed. The available states are:

Table 1. Model states
State	Applies to	Description
active	Models	No pending changes. The model is currently deployed on the system.
inactive	Models except App model	No pending changes. The model has been deactivated on the system.
pending	Models	The model contains changes that have not yet been deployed.
pending inactive	Models except App model	The model will be deactivated on the system when it it next deployed.

3.4. Deploying an App model

When an App model is deployed, the models within that App model will be checked for consistency. If a model has been deactivated but there are still references from other active models then it will not be possible to deploy the App model. If the models are consistent then they will be deployed and corresponding definitions will be created. The users of the system will then be able to access the new workflow in the user dashboard.

Note that work objects and processes may already exist that were created using older versions of the model. These will not automatically be updated to use the new definitions: they will continue to use the definitions that were valid when they were created and will therefore not behave any differently after the new deployment.

3.5. Moving models between App models

All of the basic model types can be moved to another App as long as there are no outstanding references within the App model that it is being moved from.

3.6. Duplicating App models

All basic model types can also be duplicated, making an exact copy with a new name. This can be very useful when several small variations of a complex model are required.

Models may also be shared with different groups. By default all new models are shared with the modeler group, but in some circumstances it may be required for particular users to work on a particular set of models.

3.8. The System App

The administrator will also be able to see the System app in the modeler dashboard in addition to the App models that can be seen by normal modeler users. This App model contains a number of models that are required by the edoras one application and should normally not be changed.

4. Actions

Certain models are used to create user work items (e.g. Case, Task, Document). When created, the work item action toolbar (on the right hand side) will contain the actions that can be performed on the work item.

Which actions are available to the user depends on a number of factors:

the actions allowed by the model itself
the state of the work item
the user’s permissions

Some constraints are defined by edoras one itself and cannot be changed, but the model plays a large role in defining the available actions, and this should be considered carefully when designing a workflow.

To change the allowed actions, select the Browse view and add or remove actions as required in the Allowed Actions field:

Table 2. Actions
Action	Case	Task	Document	Description
Activate	Yes	Yes	Yes	Re-activate an archived work item
Archive	Yes*	No	Yes	Archived and active work item.
Assign	Yes	Yes	Yes	Change the work item’s owner / responsible
Create variables	Yes	Yes	Yes	Allow new variables to be created in the work item admin view
Download	No	No	Yes	Download the work item content
Download Pdf	No	No	Yes	Download the document in pdf format
Edit document	No	No	Yes	Edit the document
Move	No	No	Yes	Move the work item to another case
Preview	No	Yes	No	Show a work item preview
Share	Yes	Yes	Yes	Share the work item with specific groups
Start process	Yes	No	No	Start a new process instance
Update placeholders	No	No	Yes	Upload a new document
Upload document	No	No	Yes	Upload a new document

*There are three possibilities to archive cases which are displayed in the following table:

Table 3. Archive options for cases
Option Name	Description
Archive only if there are no active children	If case contains active processes, tasks or documents archive action returns an error.
Archive only if there are only active documents	If case contains active processes or tasks archive action returns an error. Active documents are archived automatically.
Archive the case and all children	Active processes and tasks are interrupted and it is not possible to activate them again. Active documents are archived.

5. Form palette

This section describes the elements available in the form palette of edoras one. Each modeling element and it’s corresponding attributes are described in detail below.

5.1. Concepts

This section describes the form concepts in edoras one. It starts with a description of how the layout of forms and fields works in edoras one. Then it describes how a form and its fields are bound to the data model.

5.1.1. Form layout

A form is a graphical layout of fields that may be bound to a data model to allow this data model to be displayed to the user. The fields are arranged in rows.

Figure 1. Form layout

Each row is made up of exactly twelve slots. All slots are equal in size, so the width of a slot is one twelfth the width of the whole form. A field can occupy exactly all slots or it can occupy only a part of the slots. With this it is possible to place more than one field in a row.

Figure 2. Form layout with slots

Not every slot needs to be occupied by a field. It is allowed that single slots of a row are empty. These empty slots can be at the beginning, in the middle, or at the end of a row.

Figure 3. Form layout with empty slots

5.1.2. Field layout

A field is made up of several parts (all but the control part are optional):

Control: The control visualizes the data model. Most controls are interactive and let the user change the data model, however some controls are read-only. There are controls to manipulate strings, numbers, dates, rich text, selections, and many others. The control is located in the center of the field, all other parts are arranged around the control. The field configuration defines the concrete positioning of the field parts.
Label: The label tells the user to which part of the data model the control is bound. The label is located on the left side or on top of the control (depends on the field configuration).
Required indicator: The required indicator is displayed for required fields. Required means that the control cannot be empty. The required indicator is located on the right side of the control.
Description: The description gives additional information to the user. This can be formatting instructions or further description about how the App uses the entered value. The description is located on the bottom of the control.

Figure 4. Field layout

5.1.3. Field alignment

To enhance the readability of a form, the field parts of all fields are aligned among themselves: the labels are aligned, the controls and descriptions are aligned, the required indicators are aligned.

The alignment is performed per slot. All fields that start in the same slot build a field group. Inside such a field group edoras one looks for the widest label which becomes the dominating label for that slot. All labels in the field group are then enlarged to the same width of the dominating label. This is done by adding empty space between the label and the control. This ensures that all controls and descriptions of a field group start in one line and all.

Figure 5. Field alignment

The only exception is with fields that have top label position. For these fields the label, the control and the description all start at the beginning of the slot.

Figure 6. Field alignment with top label position

5.1.4. Binding

Binding is the process to connect the form fields to the data model. The binding in edoras one is always two-way. When the user changes the form fields then those changes are immediately propagated to the data model. On the other side changes in the data model are immediately propagated back to the form fields.

A binding expression defines to which part of the data model the form field is connected. The binding expression has to be a writable frontend expression, e.g. {{foo}}, {{case.bar}}.

There are some reserved expressions which can not be used as they are used internally to save some work item information. They are:

id
definitionId
definition
type
state
creationTime
updateTime

Moreover the expressions referring to the hierarchy (e.g. root, parent) can be only be used in order to bind nested components like subforms.

5.2. Common attributes

There are several attributes that are available for all form components. These common attributes define the rendering and the layout of the form field, as well as the part of the data model to which the form field is bound.

Attribute name	Description
Label	The label is a single word or term that describes the purpose of the form component. When the form is rendered, the label is located either on the left side or on top of the control (depends on the value of the Label position attribute). Typical labels are: First name, Last name, Sex, Address, ZIP code, City. Labels can be localized. See Localization to learn how to localize your Apps.
Label position	The label position relative to the control, can be either Left or Top.
Value	The value connects the form field to the data model. As such the value decides which part of the data model the form field visualizes and which part of the data model is updated when the user interacts with the control. See Binding to learn how binding in edoras one works.
Default value	The default value is the value that is applied when the data model is undefined, i.e. not yet initialized. The default value can be expressed as a static value or as a frontend expression. Typical default values are: Support (= string), false (= boolean), 42 (= number), Comment from {{role}} (= frontend expression). See Frontend expressions to learn the frontend expression syntax.
Description	The description is a whole sentence that describes the purpose of the form component in more detail. When the form is rendered, the description is located below the control. A typical description is: The ZIP file format is ##, e.g 4143. The ZIP is used to lookup the city. Descriptions can be localized. See Localization to learn how to localize your Apps.
Visible	The visible flag decides if the form field is shown or hidden. If true, the form field is shown, if false the form field is hidden. The visible flag is a runtime value which means you can configure a frontend expression for it. A typical frontend expression for the visible flag is: {{case.showDeliveryAddress}} See Frontend expressions to learn the frontend expression syntax.
Editable	The editable flag decides i the form control is editable or read-only. If true, the user can manipulate the form control to change the data model, if false the user is not able to change the data model. The editable flag is a runtime value which means you can configure a frontend expression for it. A typical frontend expression for the editable flag is: {{case.step1Completed}} See Frontend expressions to learn the frontend expression syntax.
Style class	The style class allows to add additional CSS styles to the form field.
Border colour	The border colour applied to the form components in VIS. This colour is not reflected in one.

Attribute name

Description

Label

The label is a single word or term that describes the purpose of the form component. When the form is rendered, the label is located either on the left side or on top of the control (depends on the value of the Label position attribute).

Typical labels are: First name, Last name, Sex, Address, ZIP code, City.

Labels can be localized. See Localization to learn how to localize your Apps.

Label position

The label position relative to the control, can be either Left or Top.

Value

The value connects the form field to the data model. As such the value decides which part of the data model the form field visualizes and which part of the data model is updated when the user interacts with the control.

See Binding to learn how binding in edoras one works.

Default value

The default value is the value that is applied when the data model is undefined, i.e. not yet initialized. The default value can be expressed as a static value or as a frontend expression.

Typical default values are: Support (= string), false (= boolean), 42 (= number), Comment from {{role}} (= frontend expression).

See Frontend expressions to learn the frontend expression syntax.

Description

The description is a whole sentence that describes the purpose of the form component in more detail. When the form is rendered, the description is located below the control.

A typical description is: The ZIP file format is ##, e.g 4143. The ZIP is used to lookup the city.

Descriptions can be localized. See Localization to learn how to localize your Apps.

Visible

The visible flag decides if the form field is shown or hidden. If true, the form field is shown, if false the form field is hidden. The visible flag is a runtime value which means you can configure a frontend expression for it.

A typical frontend expression for the visible flag is: {{case.showDeliveryAddress}}

See Frontend expressions to learn the frontend expression syntax.

Editable

The editable flag decides i the form control is editable or read-only. If true, the user can manipulate the form control to change the data model, if false the user is not able to change the data model. The editable flag is a runtime value which means you can configure a frontend expression for it.

A typical frontend expression for the editable flag is: {{case.step1Completed}}

See Frontend expressions to learn the frontend expression syntax.

Style class

The style class allows to add additional CSS styles to the form field.

Border colour

The border colour applied to the form components in VIS. This colour is not reflected in one.

5.3. Validation attributes

A validation method checks if a control contains valid data, if not edoras one displays an error message that instructs the user how to fix his input. edoras one supports many different validation methods, not all are available for all form components.

Note	Validation is only done if the user is able to fix a potential validation error. This is not the case for hidden and read-only form fields, so such fields are not validated.

The following table lists the supported validation methods.

Attribute name	Description
Required	The required flag defines if a form field can be empty or not. If true then the form field is not allowed to be empty, if false the form field might be empty. A typical sample where the required flag is set to true is a name field that is mandatory. The following form components support the required flag: text, text area, rich text area, password, number, date, checkbox, autocomplete, select, radio buttons.
Minimum length	The minimum length validation ensures that the text input is longer than a minimum length. A typical sample is a password that has to be at least 4 characters long. The following form components support the minimum length validation: text, text area, rich text area, password. The Minimum length error message attribute holds the error message that is displayed when the text input is less than the configured number of characters.
Maximum length	The maximum length validation ensures that the text input has a smaller than a maximum length. A typical sample is a password that has to be at most 8 characters long. The following form components support the minimum length validation: text, text area, rich text area, password. The Maximum length error message attribute holds the error message that is displayed when the text input is bigger than the configured number of characters.
Regular expression	The regular expression validation ensures that the text input matches a regular expression. See http://www.w3schools.com/jsref/jsref_obj_regexp.asp for more information on the supported regular expression syntax. Regular expression can be become quite complex and difficult to understand. http://www.regular-expressions.info/javascriptexample.html provides a good way to test your regular expressions. A typical sample is the number of a credit card which matches: ^4[0-9]{11,12}(?:[0-9]{3})?$. The following form components support the regular expression validation: text, text area, rich text area, password. The Regular expression error message attribute holds the error message that is displayed when the text input does not match the regular expression.
Mask	The mask validation ensures that the text input adhere to a certain pattern. The mask can contain the following special characters: * a - Represents an alpha character (A-Z,a-z) * 9 - Represents a numeric character (0-9) * * - Represents an alphanumeric character (A-Z,a-z,0-9) * all other characters are treated as fixed input A typical sample is the expiry date of a credit card which is the month followed by a dash followed by the year. The mask that adheres to this pattern is 99/9999. The text form component supports mask validation. The Mask error message attribute holds the error message that is displayed when the text input does not match the mask.
Minimum	The minimum validation ensures that the number input is equals to or bigger than a minimum. A typical sample is an order quantity field which has to be equals to or bigger than 1. The number form component supports the minimum validation. The Minimum error message attribute holds the error message that is displayed when the number input is less than the configured minimum.
Maximum	The maximum validation ensures that the number input is equals to or less than a maximum. A typical sample is an order quantity field which has to be equals to or lower than 100. The number form component supports the minimum validation. The Maximum error message attribute holds the error message that is displayed when the number input is bigger than the configured maximum.
Minimum date	The minimum date validation ensures that the date input is equals to or after a minimum date. The minimum date can be a fixed date, today, or a day relative to today. A typical sample is an delivery date field which has to be equals to or after today. The date form component supports the minimum date validation. The Minimum date error message attribute holds the error message that is displayed when the date input is before the configured minimum date.
Maximum date	The maximum date validation ensures that the date input is equals to or before a maximum date. The maximum date can be a fixed date, today, or a day relative to today. A typical sample is a birthday field which has to be equals to or before today. The date form component supports the maximum date validation. The Maximum date error message attribute holds the error message that is displayed when the date input is after the configured maximum.
Invalid selection error message	The displayed error message when the selection input is not available anymore. The autocomplete and the select form components support the invalid selection validation. Both form component lookup the selection in the available options to check if the selection is valid or not.
Minimum number of entries	The minimum number of entries validation ensures that the subform input contains at least a certain number of entries. A typical sample is an order subform which has to contain at least one order position. The subform form component supports the minimum number of entries validation. The Minimum number of entries error message attribute holds the error message that is displayed when the subform input contains less than the configured number of entries.
Maximum number of elements	The maximum number of elements validation ensures that the subform input contains at most a certain number of elements. A typical sample is a wish list which can hold at most ten wishes. The subform component supports the maximum number of elements validation. The Maximum number of elements error message attribute holds the error message that is displayed when the subform input contains more than the configured number of entries.
Minimum number of attachments	The minimum files validation ensures that not less than a certain number of files are attached. A typical sample is a support incident attachment field where at lease one screenshot has to be attached. The attachment form component supports the minimum files validation. The Minimum number of attachments error message attribute holds the error message that is displayed when the attachment input has less files attached than the configured number.
Maximum number of attachments	The maximum files validation ensures that at not more than a certain number of files are attached. A typical sample is a favourite images attachment field where not more than ten images can be attached. The attachment component supports the maximum files validation. The Maximum number of attachments error message attribute holds the error message that is displayed when the attachment input has more files attached than the configured number.
Minimum number of rows	The minimum number of rows validation ensures that not less than a certain number of rows are displayed. A typical sample is a list which has always the same name of rows even they are empty. The list form component supports the minimum number of rows validation.
Maximum number of rows	The maximum number of rows validation ensures that at not more than a certain number of rows are displayed. A typical sample is a wish list which can hold at most ten wishes. The list form component supports the maximum number of rows validation.

Attribute name

Description

Required

The required flag defines if a form field can be empty or not. If true then the form field is not allowed to be empty, if false the form field might be empty.

A typical sample where the required flag is set to true is a name field that is mandatory.

The following form components support the required flag: text, text area, rich text area, password, number, date, checkbox, autocomplete, select, radio buttons.

Minimum length

The minimum length validation ensures that the text input is longer than a minimum length.

A typical sample is a password that has to be at least 4 characters long.

The following form components support the minimum length validation: text, text area, rich text area, password.

The Minimum length error message attribute holds the error message that is displayed when the text input is less than the configured number of characters.

Maximum length

The maximum length validation ensures that the text input has a smaller than a maximum length.

A typical sample is a password that has to be at most 8 characters long.

The following form components support the minimum length validation: text, text area, rich text area, password.

The Maximum length error message attribute holds the error message that is displayed when the text input is bigger than the configured number of characters.

Regular expression

The regular expression validation ensures that the text input matches a regular expression. See http://www.w3schools.com/jsref/jsref_obj_regexp.asp for more information on the supported regular expression syntax. Regular expression can be become quite complex and difficult to understand. http://www.regular-expressions.info/javascriptexample.html provides a good way to test your regular expressions.

A typical sample is the number of a credit card which matches: ^4[0-9]{11,12}(?:[0-9]{3})?$.

The following form components support the regular expression validation: text, text area, rich text area, password.

The Regular expression error message attribute holds the error message that is displayed when the text input does not match the regular expression.

Mask

The mask validation ensures that the text input adhere to a certain pattern. The mask can contain the following special characters: * a - Represents an alpha character (A-Z,a-z) * 9 - Represents a numeric character (0-9) * * - Represents an alphanumeric character (A-Z,a-z,0-9) * all other characters are treated as fixed input

A typical sample is the expiry date of a credit card which is the month followed by a dash followed by the year. The mask that adheres to this pattern is 99/9999.

The text form component supports mask validation.

The Mask error message attribute holds the error message that is displayed when the text input does not match the mask.

Minimum

The minimum validation ensures that the number input is equals to or bigger than a minimum.

A typical sample is an order quantity field which has to be equals to or bigger than 1.

The number form component supports the minimum validation.

The Minimum error message attribute holds the error message that is displayed when the number input is less than the configured minimum.

Maximum

The maximum validation ensures that the number input is equals to or less than a maximum.

A typical sample is an order quantity field which has to be equals to or lower than 100.

The number form component supports the minimum validation.

The Maximum error message attribute holds the error message that is displayed when the number input is bigger than the configured maximum.

Minimum date

The minimum date validation ensures that the date input is equals to or after a minimum date. The minimum date can be a fixed date, today, or a day relative to today.

A typical sample is an delivery date field which has to be equals to or after today.

The date form component supports the minimum date validation.

The Minimum date error message attribute holds the error message that is displayed when the date input is before the configured minimum date.

Maximum date

The maximum date validation ensures that the date input is equals to or before a maximum date. The maximum date can be a fixed date, today, or a day relative to today.

A typical sample is a birthday field which has to be equals to or before today.

The date form component supports the maximum date validation.

The Maximum date error message attribute holds the error message that is displayed when the date input is after the configured maximum.

Invalid selection error message

The displayed error message when the selection input is not available anymore.

The autocomplete and the select form components support the invalid selection validation.

Both form component lookup the selection in the available options to check if the selection is valid or not.

Minimum number of entries

The minimum number of entries validation ensures that the subform input contains at least a certain number of entries.

A typical sample is an order subform which has to contain at least one order position.

The subform form component supports the minimum number of entries validation.

The Minimum number of entries error message attribute holds the error message that is displayed when the subform input contains less than the configured number of entries.

Maximum number of elements

The maximum number of elements validation ensures that the subform input contains at most a certain number of elements.

A typical sample is a wish list which can hold at most ten wishes.

The subform component supports the maximum number of elements validation.

The Maximum number of elements error message attribute holds the error message that is displayed when the subform input contains more than the configured number of entries.

Minimum number of attachments

The minimum files validation ensures that not less than a certain number of files are attached.

A typical sample is a support incident attachment field where at lease one screenshot has to be attached.

The attachment form component supports the minimum files validation.

The Minimum number of attachments error message attribute holds the error message that is displayed when the attachment input has less files attached than the configured number.

Maximum number of attachments

The maximum files validation ensures that at not more than a certain number of files are attached.

A typical sample is a favourite images attachment field where not more than ten images can be attached.

The attachment component supports the maximum files validation.

The Maximum number of attachments error message attribute holds the error message that is displayed when the attachment input has more files attached than the configured number.

Minimum number of rows

The minimum number of rows validation ensures that not less than a certain number of rows are displayed.

A typical sample is a list which has always the same name of rows even they are empty.

The list form component supports the minimum number of rows validation.

Maximum number of rows

The maximum number of rows validation ensures that at not more than a certain number of rows are displayed.

A typical sample is a wish list which can hold at most ten wishes.

The list form component supports the maximum number of rows validation.

5.4. Text form components

The text form components allow the user to input text. To support different text input requirements edoras one provides different text form component variants. The following list explains the different text form component variants:

Form component	Description
	Used to input a single line of regular text.
	Used to input multiple lines of regular text.
	Used to input multiple lines of rich text. In contrast to regular text, rich text can be formatted in various ways: regular, bold, italic, ordered list, unordered list, headings, and much more.
	Used to input a password. The password form component is marked with a small key icon at the right border of the control. To hide the typed text from curious people all typed characters are visualized as dots.
	Used to input a number. The number form component is marked with a small hash icon at the right border of the control. All non number input is treated as invalid.
	Used to input a date. The date form component is marked with a small calendar icon at the right border of the control. All non date input is treated as invalid. The user can enter a date in two ways. First he can enter the date as date string, e.g. 1970-11-25. Second he can use a date picker to select a date with the mouse. The date picker pops up as soon as the date control receives focus.

Form component

Description

Used to input a single line of regular text.

Used to input multiple lines of regular text.

Used to input multiple lines of rich text.

In contrast to regular text, rich text can be formatted in various ways: regular, bold, italic, ordered list, unordered list, headings, and much more.

Used to input a password.

The password form component is marked with a small key icon at the right border of the control. To hide the typed text from curious people all typed characters are visualized as dots.

Used to input a number.

The number form component is marked with a small hash icon at the right border of the control.

All non number input is treated as invalid.

Used to input a date.

The date form component is marked with a small calendar icon at the right border of the control. All non date input is treated as invalid.

The user can enter a date in two ways. First he can enter the date as date string, e.g. 1970-11-25. Second he can use a date picker to select a date with the mouse. The date picker pops up as soon as the date control receives focus.

5.4.1. Text attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The text form component supports the required, the minimum length, the maximum length, the regular expression, and the mask validation. See Validation attributes to learn more about validation.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The text form component supports the required, the minimum length, the maximum length, the regular expression, and the mask validation.

See Validation attributes to learn more about validation.

5.4.2. Text area attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The text area form component supports the required, the minimum length, and the maximum length validation. See Validation attributes to learn more about validation.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The text area form component supports the required, the minimum length, and the maximum length validation.

See Validation attributes to learn more about validation.

5.4.3. Rich text area attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes. The Default value attribute of a Rich text area form component is rich text which supports the following formatting options (see toolbar buttons on top of the default value editor): bold, italic, and underline text style font size foreground and background color left, center, and right text alignment headline, sub-headline, and section headline style ordered and unordered list text indentation horizontal line links
Validation	The rich text area form component supports the required, the minimum length, and the maximum length validation. See Validation attributes to learn more about validation.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

The Default value attribute of a Rich text area form component is rich text which supports the following formatting options (see toolbar buttons on top of the default value editor):

bold, italic, and underline text style
font size
foreground and background color
left, center, and right text alignment
headline, sub-headline, and section headline style
ordered and unordered list
text indentation
horizontal line
links

Validation

The rich text area form component supports the required, the minimum length, and the maximum length validation.

See Validation attributes to learn more about validation.

5.4.4. Password attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The password form component supports the required, the minimum length, and the maximum length validation. See Validation attributes to learn more about validation.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The password form component supports the required, the minimum length, and the maximum length validation.

See Validation attributes to learn more about validation.

5.4.5. Number attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The number form component supports the required, the minimum, and the maximum validation. See Validation attributes to learn more about validation.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The number form component supports the required, the minimum, and the maximum validation.

See Validation attributes to learn more about validation.

5.4.6. Date attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes. The default value of a date field form field can be specified as absolute date, as relative date, or as frontend expression.
Validation	The date form component supports the required, the minimum date, and the maximum date validation. See Validation attributes to learn more about validation.
Format	Used to define the format in which the date is visualized to the user. If empty then the date is presented in the ISO 8601 format, e.g. 1970-11-25. See Formatting dates in frontend expressions to learn more about the possible format strings.
Number of visible years	Used to define the range of years displayed in the year drop-down.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

The default value of a date field form field can be specified as absolute date, as relative date, or as frontend expression.

Validation

The date form component supports the required, the minimum date, and the maximum date validation.

See Validation attributes to learn more about validation.

Format

Used to define the format in which the date is visualized to the user. If empty then the date is presented in the ISO 8601 format, e.g. 1970-11-25.

See Formatting dates in frontend expressions to learn more about the possible format strings.

Number of visible years

Used to define the range of years displayed in the year drop-down.

5.5. Select form components

The select form components allow the user to select one or more options from a potential large set of options. The available options are presented in a list from which the user can select one or more options with help of the keyboard and the mouse.

Some select form component support the filtering of the available options. When the user starts typing then only the options that match the typed text are presented as available options. This makes it easy to locate a specific option in a large set of options.

The select form components are very powerful form components. To support different selection requirements edoras one provides different variants of select form components. The following list explains these variants:

Selection	Options	Description
Single	Boolean true/false	Used to select a simple yes/no option. When the checkbox is ticked then true is stored in the data model, otherwise false is stored in the data model.
Single	Static options	Used to select a single option from a static list of options. At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model. In the radio button form component all options are always visible. With this the user can always see all possible option, on the other side this uses a lot of form real estate and is therefore suited only it there are few options.
Single or multiple	JSON options	Used to select one or more options from a dynamic list of options. The dynamic list of options is built at runtime by calling a custom REST endpoint that the modeler has configured. Either a single attribute of the option or the complete option is stored in the data model.
Single or multiple	edoras one work items	Used to select one or more work items from a dynamic list of work items. The dynamic list of work items is built at runtime by calling edoras one with a query that the modeler has configured. Either the work item id or the complete work item is stored in the data model.
Single or multiple	Static options	Used to select one or more options from a static list of options. At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model.
Single	Static options	Used to select a single option from a static list of options. At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model. The select static form component is not able to filter the possible options. To select an option the user first has to navigate to the desired option by scrolling in the option list. Therefore this form component is not a good choice if there is a large number of options.

Form component

Selection

Options

Description

Single

Boolean true/false

Used to select a simple yes/no option.

When the checkbox is ticked then true is stored in the data model, otherwise false is stored in the data model.

Single

Static options

Used to select a single option from a static list of options.

At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model.

In the radio button form component all options are always visible. With this the user can always see all possible option, on the other side this uses a lot of form real estate and is therefore suited only it there are few options.

Single or multiple

JSON options

Used to select one or more options from a dynamic list of options.

The dynamic list of options is built at runtime by calling a custom REST endpoint that the modeler has configured. Either a single attribute of the option or the complete option is stored in the data model.

Single or multiple

edoras one work items

Used to select one or more work items from a dynamic list of work items.

The dynamic list of work items is built at runtime by calling edoras one with a query that the modeler has configured. Either the work item id or the complete work item is stored in the data model.

Single or multiple

Static options

Used to select one or more options from a static list of options.

At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model.

Single

Static options

Used to select a single option from a static list of options.

At design time the modeler configures for each option a name and a value. The name is displayed to the user whereas the value is stored in the data model.

The select static form component is not able to filter the possible options. To select an option the user first has to navigate to the desired option by scrolling in the option list. Therefore this form component is not a good choice if there is a large number of options.

Note

The functionality of the Radio button group, the Autocomplete static and the Select static form components is similar. The only difference is the look and feel. The Radio button group form component always shows all options with the drawback that this requires a lot of form real estate. The Autocomplete static and the Select static form components need little form real estate with the drawback that the user first has to focus the field and open a popup to see the available options.

Note

the functionality of the REST autocomplete select and the Autocomplete select form components is similar. The only difference is that the REST autocomplete select form component uses a custom REST endpoint to load the possible options (which can be of any format) whereas the Autocomplete select form component uses edoras one to load the possible work items.

5.5.1. Checkbox attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The checkbox form component supports the required validation. See Validation attributes to learn more about validation.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The checkbox form component supports the required validation.

See Validation attributes to learn more about validation.

5.5.2. Radio button group attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The radio button group form component supports the required validation. See Validation attributes to learn more about validation.
Options	Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.
Orientation	Defines if the single radio buttons in the group are Horizontal or Vertical aligned.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The radio button group form component supports the required validation.

See Validation attributes to learn more about validation.

Options

Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.

Orientation

Defines if the single radio buttons in the group are Horizontal or Vertical aligned.

formComponentRadioButtonGroupRuntimeVertical

5.5.3. REST autocomplete select attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The REST autocomplete select form component supports the required and the invalid selection validation.

See Validation attributes to learn more about validation.

Query URL

Used to load the available options that are presented to the user from a URL.

The query URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

The autocomplete form component expects the options to be returned as list of JSON objects, e.g.

[ {
  "id" : "GEAR-a65c4a12-20b4-45d8-bb09-2105be7f0d1f",
  "title" : "edoras one Modeler",
  "value" : "GEAR-a65c4a12-20b4-45d8-bb09-2105be7f0d1f"
}, {
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
} ]

The user typed text is added as a URL parameter to the query URL.

https://one.edorasware.com/rest/one-groups?typedText=edoras

Usually the REST endpoint uses the typed text to filter the available options. This way the user sees only the options that match the already typed text and can easily locate single options in a large set of options.

Note	The options are filtered in the REST endpoint and not in the autocomplete form component. If the REST endpoint does not do the filtering then independent of the typed text the autocomplete form component always presents the same options to the user.

Note

Referencing external resources may have problems due to SSL (https) or CORS security browser limitations. To solve CORS security, the resource server must send appropriate response headers. Another option is using a proxy to receive the right response headers from any url e.g .:https://cors-anywhere.herokuapp.com. To solve SSL if edoras one is being executed over https, the url of the external resource should also have the https protocol.

Lookup URL

Used for two things:

first: to load the complete information of the selected options (only if they are stored in serialized form in the data model)
second: to validate if the selected options are still available, see Validation attributes to learn more about this validation

In both cases the serialized option is appended to the lookup URL, e.g.

https://one.edorasware.com/rest/one-groups/GEAR-a65c4a12-20b4-45d8-bb09-2105be7f0d1f

The option is serialized with help of the Serialization. So the Lookup URL and the Serialization attribute have to play together.

Serialization

Used to select the attribute in the JSON option that is stored in the data model.

The prefix to select an attribute from the JSON option is item.

So if the JSON option looks like

{
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
}

then a Serialization of item.id results in GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac being stored in the data model.

Note

Please note that the Serialization, the Query URL, and the Lookup URL attributes have to play together. The Serialization converts the JSON options returned by the Query URL REST endpoint into strings which then are stored in the data model. And the Lookup URL REST endpoint does the opposite: it takes the strings stored in the data model and converts them back into JSON options.

Format

Used to compose a user friendly string from the JSON option.

The prefix to select an attribute from the JSON option is item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +.

So if the JSON option looks like

{
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
}

then a format of 'Group: ' + item.title results in Group: edoras one User being presented to the user for this JSON option.

Navigation URL

Used to set a link icon to the left of each option in the list and each selected option. The Navigation URL defines the URL to navigate to when the user clicks a link icon.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

The prefix to select an attribute from the JSON option is $item.

So if the JSON option looks like

{
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
}

then a navigation URL of /GRP/{{$item.id}}/browse results in /GRP/GEAR-3456061f-4892-4ef4-b234-69217201cd09/browse being invoked when the user clicks the link icon.

Target

Used to define the tab where the linked option is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Multi selection

False if only one option can be selected, true if multiple options can be selected.

If true then the selected options are stored as a list in the data model.

formComponentAutocompleteRuntimeMultiple

Preselect all

If true, ALL objects returned by the REST endpoint are automatically selected. This only works, if multi selection is turned on too.

5.5.4. Autocomplete select attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The autocomplete select form component supports the required and the invalid selection validation. See Validation attributes to learn more about validation.
Query	The edoras one query that is used to load the available work items that are presented to the user. The user typed text is added as additional filter to the configured query. Typical queries: type:CAS for:me all cases that are assigned to me type:TSK for:me,unassigned all tasks that are either directly assigned to me or are unassigned type:CAS app:foo all cases that belong to the foo App See section Searches in the User guide to learn more about the search syntax and about all possible search terms.
Format	Used to compose a user friendly string from the work item. The prefix to select an variable from the work item item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +. So if the format is 'Group: ' + item.name then the work item is shown to the user as Group: edoras one User.
Navigation view	Used to set the target view for the link. Possible values are: Browse ⇒ The link points to the form view of the work item Preview ⇒ The link points to the preview view of the work item
Target	Used to define the tab where the linked work item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name
Multi selection	False if only one option can be selected, true if multiple options can be selected. If true then the selected options are stored as a list in the data model. image::formPalette/images/formComponentAutocompleteRuntimeMultiple.png[]
Preselect all	If true, ALL objects returned by the query are automatically selected. This only works, if multi selection is turned on too.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The autocomplete select form component supports the required and the invalid selection validation.

See Validation attributes to learn more about validation.

Query

The edoras one query that is used to load the available work items that are presented to the user.

The user typed text is added as additional filter to the configured query.

Typical queries:

type:CAS for:me: all cases that are assigned to me
type:TSK for:me,unassigned: all tasks that are either directly assigned to me or are unassigned
type:CAS app:foo: all cases that belong to the foo App

See section Searches in the User guide to learn more about the search syntax and about all possible search terms.

Format

Used to compose a user friendly string from the work item.

The prefix to select an variable from the work item item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +.

So if the format is 'Group: ' + item.name then the work item is shown to the user as Group: edoras one User.

Navigation view

Used to set the target view for the link.

Possible values are:

Browse ⇒ The link points to the form view of the work item
Preview ⇒ The link points to the preview view of the work item

Target

Used to define the tab where the linked work item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Multi selection

False if only one option can be selected, true if multiple options can be selected.

If true then the selected options are stored as a list in the data model. image::formPalette/images/formComponentAutocompleteRuntimeMultiple.png[]

Preselect all

If true, ALL objects returned by the query are automatically selected. This only works, if multi selection is turned on too.

5.5.5. Static autocomplete select attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The static autocomplete select form component supports the required and the invalid selection validation. See Validation attributes to learn more about validation.
Options	Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.
Navigation URL	Used to set a link icon to the left of each option in the list and each selected option. The Navigation URL defines the URL to navigate to when the user clicks a link icon. The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax. The prefix to select an attribute from the option is $item. The following two option attributes are available: name the name that is shown to the user value the value that is stored in the data model So if the navigation URL is https://www.google.ch/search?q={{$item.value}} then the link URL results in https://www.google.ch/search?q=edorasware.
Multi selection	False if only one option can be selected, true if multiple options can be selected. If true then the selected options are stored as a list in the data model. image::formPalette/images/formComponentAutocompleteRuntimeMultiple.png[]
Preselect all	Preselects all the available options. It only applies if no options are selected by default.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The static autocomplete select form component supports the required and the invalid selection validation.

See Validation attributes to learn more about validation.

Options

Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.

Navigation URL

Used to set a link icon to the left of each option in the list and each selected option. The Navigation URL defines the URL to navigate to when the user clicks a link icon.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

The prefix to select an attribute from the option is $item. The following two option attributes are available:

name: the name that is shown to the user
value: the value that is stored in the data model

So if the navigation URL is https://www.google.ch/search?q={{$item.value}} then the link URL results in https://www.google.ch/search?q=edorasware.

Multi selection

False if only one option can be selected, true if multiple options can be selected.

If true then the selected options are stored as a list in the data model. image::formPalette/images/formComponentAutocompleteRuntimeMultiple.png[]

Preselect all

Preselects all the available options. It only applies if no options are selected by default.

5.5.6. Static select attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes.
Validation	The static select form component supports the required and the invalid selection validation. See Validation attributes to learn more about validation.
Options	Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The static select form component supports the required and the invalid selection validation.

See Validation attributes to learn more about validation.

Options

Defines the options from which the user can choose. Each option has a name and a value: the name is shown to the user whereas the value is stored in the data model.

5.6. Read only form components

The read only form components allow to present information, to add navigation functionality, and to split a form into section.

Form component	Description
	Used to show static rich text. The rich text can be formatted in various ways: regular, bold, italic, ordered list, unordered list, headings, and much more.
	Used to show a list of options that are returned by a custom REST endpoint. The dynamic list of options is build at runtime by calling a custom REST endpoint that the modeler has configured. The rest list form component can be used to enable simple navigation inside your App. For this the modeler can configure the links that are followed when the user clicks one of the options in the list.
	Used to show a list of work items that are returned by edoras one. The dynamic list of work items is build at runtime by calling calling edoras one with a query that the modeler has configured. The rest list form component can be used to enable simple navigation inside your App. For this the modeler can configure the links that are followed when the user clicks one of the options in the list.
	Used to show an image.
	Used to show a generic link.
	A link which navigates to a specific initialization form for a new work item to be created based on a given model you can select in the work item model attribute
	Used to show a link that navigates to a list of work items returned by a search using a specified query.
	A link which renders a text including the numbers of elements returned by a count query you can specify. The link text can be configured to show the number of elements returned by the query. Clicking the link navigates to the result of the query.
	A link which renders a text including the numbers of elements returned by a REST endpoint. The link text can be configured to show the number of elements returned by the REST query. Clicking the link navigates to the result of the REST query.
	Used to show a button that points to a generic URL.
	A button with a link which navigates to a specific initialization form for a new work item to be created based on a given model you can select in the work item model attribute.
	A container that can only contain button components and has properties which affect the group of buttons contained.
	Used to show a horizontal line. The Horizontal line form component is useful to structure large forms by splitting the form into sections, e.g. basic information, detail information, address, …
	A view to display content from a given source through an iframe.
	Used to preview documents as pdf. It can preview formats like doc or txt in addition to pdf.

Form component

Description

Used to show static rich text.

The rich text can be formatted in various ways: regular, bold, italic, ordered list, unordered list, headings, and much more.

Used to show a list of options that are returned by a custom REST endpoint.

The dynamic list of options is build at runtime by calling a custom REST endpoint that the modeler has configured. The rest list form component can be used to enable simple navigation inside your App. For this the modeler can configure the links that are followed when the user clicks one of the options in the list.

Used to show a list of work items that are returned by edoras one.

The dynamic list of work items is build at runtime by calling calling edoras one with a query that the modeler has configured. The rest list form component can be used to enable simple navigation inside your App. For this the modeler can configure the links that are followed when the user clicks one of the options in the list.

Used to show an image.

Used to show a generic link.

A link which navigates to a specific initialization form for a new work item to be created based on a given model you can select in the work item model attribute

Used to show a link that navigates to a list of work items returned by a search using a specified query.

A link which renders a text including the numbers of elements returned by a count query you can specify.

The link text can be configured to show the number of elements returned by the query. Clicking the link navigates to the result of the query.

A link which renders a text including the numbers of elements returned by a REST endpoint.

The link text can be configured to show the number of elements returned by the REST query. Clicking the link navigates to the result of the REST query.

Used to show a button that points to a generic URL.

A button with a link which navigates to a specific initialization form for a new work item to be created based on a given model you can select in the work item model attribute.

A container that can only contain button components and has properties which affect the group of buttons contained.

Used to show a horizontal line.

The Horizontal line form component is useful to structure large forms by splitting the form into sections, e.g. basic information, detail information, address, …

A view to display content from a given source through an iframe.

Used to preview documents as pdf. It can preview formats like doc or txt in addition to pdf.

Note

the functionality of the REST list and the List form components is similar. The only difference is that the REST list form component uses a custom REST endpoint to load the displayed items (which can be of any format) whereas the List form component uses edoras one to load the displayed work items.

Note

the functionality of the REST query link and the Query link form component is similar. The only difference is that the REST query link form component uses a custom REST endpoint to load the number of found elements whereas the Query link form component uses edoras one to load the number of found elements.

Note

the functionality of the Link and the Link button as well as the Query link and the Query link button is similar. The only difference is that the Link and the Query link form components are rendered as links whereas the Link button and the Query link button form components are rendered as buttons.

5.6.1. Output text area attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Output text area form component does not support the Default value and the Editable attribute, as these do not make sense for read only components. The Value attribute of a Output text area form component is rich text which supports the following formatting options (see toolbar buttons in the image below): bold, italic, and underline text style, font size, foreground and background color, left, center, and right text alignment, headline, sub-headline, and section headline style, ordered and unordered list, text indentation, horizontal line, links.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Output text area form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

The Value attribute of a Output text area form component is rich text which supports the following formatting options (see toolbar buttons in the image below): bold, italic, and underline text style, font size, foreground and background color, left, center, and right text alignment, headline, sub-headline, and section headline style, ordered and unordered list, text indentation, horizontal line, links.

5.6.2. REST list attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The REST list form component does not support the Value, the Default value and the Editable attribute, as these do not make sense for read only components.

Query URL

Used to load the items that are presented to the user from a URL.

The query URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

The list form component expects the items to be returned as list of JSON objects, e.g.

----
[ {
  "id" : "GEAR-a65c4a12-20b4-45d8-bb09-2105be7f0d1f",
  "title" : "edoras one Modeler",
  "value" : "GEAR-a65c4a12-20b4-45d8-bb09-2105be7f0d1f"
}, {
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
} ]
----

Note

List title

Used to define the title that is shown in the header of the list.

The list title attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Format

Used to compose a user friendly string from the JSON item.

The prefix to select an attribute from the JSON item is item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +.

So if the JSON item looks like

{
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
}

then a format of 'Group: ' + item.title results in Group: edoras one User being presented to the user for this JSON item.

Minimum number of visible items

Used to define the minimum height of the list.

The list height is forced to a height that can show at least a certain number of items. If the concrete list has less items then the missing space is filled with empty items. For example if there are 5 items to show and the minimum height is 10 then the list height is forced to a height that can show 10 items.

formComponentListRestRuntimeMinimumHeight

Maximum number of visible items

Used to define the maximum height of the list.

The list height is forced to a height that can show at most a certain number of items. If the concrete list has more items then the list shows a scroll with which the user can scroll in the list. For example if there are 15 items to show and the minimum height is 10 then the list height is forced to a height that can show 10 items.

Navigation URL

Used to define the URL to navigate to when the user clicks an item in the list.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

The prefix to select an attribute from the JSON option is $item.

So if the JSON item looks like

{
  "id" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac",
  "title" : "edoras one User",
  "value" : "GEAR-c641f3bb-876e-45f4-9550-ef95ef5a2fac"
}

then a navigation URL of /GRP/{{$item.id}}/browse results in /GRP/GEAR-3456061f-4892-4ef4-b234-69217201cd09/browse being invoked when the user clicks the item in the list.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.3. List attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The List form component does not support the Value, the Default value and the Editable attribute, as these do not make sense for read only components.
Query	The edoras one query that is used to load the work items for the list. Typical queries: type:CAS for:me all cases that are assigned to me type:TSK for:me,unassigned all tasks that are either directly assigned to me or are unassigned type:CAS app:foo all cases that belong to the foo App See section Searches in the User guide to learn more about the search syntax and about all possible search terms.
List title	Used to define the title that is shown in the header of the list. The list title attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Format	Used to compose a user friendly string from the work item. The prefix to select an variable from the work item item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +. So if the format is 'Group: ' + item.name then the work item is shown to the user as Group: edoras one User.
Minimum number of visible items	Used to define the minimum height of the list. The list height is forced to a height that can show at least a certain number of items. If the concrete list has less items then the missing space is filled with empty items. For example if there are 5 items to show and the minimum height is 10 then the list height is forced to a height that can show 10 items.
Maximum number of visible items	Used to define the maximum height of the list. The list height is forced to a height that can show at most a certain number of items. If the concrete list has more items then the list shows a scroll with which the user can scroll in the list. For example if there are 15 items to show and the minimum height is 10 then the list height is forced to a height that can show 10 items.
Navigation view	Used to set the target view for the link. Possible values are: Browse ⇒ The link points to the form view of the work item Preview ⇒ The link points to the preview view of the work item
Target	Used to define the tab where the linked work item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The List form component does not support the Value, the Default value and the Editable attribute, as these do not make sense for read only components.

Query

The edoras one query that is used to load the work items for the list.

Typical queries:

type:CAS for:me: all cases that are assigned to me
type:TSK for:me,unassigned: all tasks that are either directly assigned to me or are unassigned
type:CAS app:foo: all cases that belong to the foo App

See section Searches in the User guide to learn more about the search syntax and about all possible search terms.

List title

Used to define the title that is shown in the header of the list.

The list title attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Format

Used to compose a user friendly string from the work item.

The prefix to select an variable from the work item item. Literals have to be enclosed in quotes, attributes and literals can be concatenated with +.

So if the format is 'Group: ' + item.name then the work item is shown to the user as Group: edoras one User.

Minimum number of visible items

Used to define the minimum height of the list.

Maximum number of visible items

Used to define the maximum height of the list.

Navigation view

Used to set the target view for the link.

Possible values are:

Browse ⇒ The link points to the form view of the work item
Preview ⇒ The link points to the preview view of the work item

Target

Used to define the tab where the linked work item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.4. Image attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Image form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Source URL	Used to define the URL from which the image is loaded. The source URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax. This can be an absolute URL like http://www.activiti.org/images/edorasware_logo.png or a relative URL that points to the content of a document work item, for example rest/workobjects/GEAR-faded1c0-a147-4fb1-9875-e13b185b0abe/content.
Maximum height	Used to define the maximum height of the image. If set then the height of the Image form component is forced to that height, which means the contained image is scaled down to that height. If not set then the height of the Image form component is equals to the height of the contained image.
Refresh time (seconds)	Used to define a refresh internal in seconds. The image is reloaded every x seconds, where x is the defined refresh time. This is useful if the Source URL attribute point to a dynamic image that can change over time.
Navigation URL	Used to define the URL to navigate to when the user clicks the image. The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where image is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Image form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Source URL

Used to define the URL from which the image is loaded.

The source URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

This can be an absolute URL like http://www.activiti.org/images/edorasware_logo.png or a relative URL that points to the content of a document work item, for example rest/workobjects/GEAR-faded1c0-a147-4fb1-9875-e13b185b0abe/content.

Maximum height

Used to define the maximum height of the image.

If set then the height of the Image form component is forced to that height, which means the contained image is scaled down to that height. If not set then the height of the Image form component is equals to the height of the contained image.

Refresh time (seconds)

Used to define a refresh internal in seconds.

The image is reloaded every x seconds, where x is the defined refresh time. This is useful if the Source URL attribute point to a dynamic image that can change over time.

Navigation URL

Used to define the URL to navigate to when the user clicks the image.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where image is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.5. Link attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Link text	The attribute is used to define the link text.
Navigation URL	Used to define the URL to navigate to when the user clicks the link. The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Context variables	Parameters that can be added to the URL linked.A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Link text

The attribute is used to define the link text.

Navigation URL

Used to define the URL to navigate to when the user clicks the link.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Context variables

Parameters that can be added to the URL linked.A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.6. Create Link attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Create Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Link text	The attribute is used to define the link text.
Work item type	Type of the work item you want to create. The items can be Case, Task, Document or Process. The attribute can be set by a frontend-expression.See Frontend expressions to learn the frontend expression syntax.
Work item model	Select the models available to create, depending on the Work item type selected. The attribute can be set by a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Context variables	Parameters that can be added to the URL linked.A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Hide selectors	If its value is true, the template and parent selectors will be hidden. This only happens if the parameters (modelId and parentId) of the creation page where we are going to navigate are defined in the url.
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Create Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Link text

The attribute is used to define the link text.

Work item type

Type of the work item you want to create. The items can be Case, Task, Document or Process. The attribute can be set by a frontend-expression.See Frontend expressions to learn the frontend expression syntax.

Work item model

Select the models available to create, depending on the Work item type selected. The attribute can be set by a frontend-expression. See Frontend expressions to learn the frontend expression syntax.

Context variables

Hide selectors

If its value is true, the template and parent selectors will be hidden. This only happens if the parameters (modelId and parentId) of the creation page where we are going to navigate are defined in the url.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.7. Search Link attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Search Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Link text	The attribute is used to define the link text.
Query	The edoras one query that is used to load the work items for the list. Typical queries: type:CAS for:me all cases that are assigned to me type:TSK for:me,unassigned all tasks that are either directly assigned to me or are unassigned type:CAS app:foo all cases that belong to the foo App See section Searches in the User guide to learn more about the search syntax and about all possible search terms.
Show as button	If it’s wanted to show the link as a button
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Search Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Link text

The attribute is used to define the link text.

Query

The edoras one query that is used to load the work items for the list.

Typical queries:

type:CAS for:me: all cases that are assigned to me
type:TSK for:me,unassigned: all tasks that are either directly assigned to me or are unassigned
type:CAS app:foo: all cases that belong to the foo App

See section Searches in the User guide to learn more about the search syntax and about all possible search terms.

Show as button

If it’s wanted to show the link as a button

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.8. Search Count Link attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Link text	The attribute is used to define the link text. The Link text attribute attribute can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax. The value attribute supports the special $count frontend expression which represents the result count of the query. The value attribute as well supports different texts for singular and plural depending on the result counts. The syntax for this is [singular text\|plural text]. So a value of $count case [\|s] results in 1 case or 21 cases depending on the result count.
Query	The edoras one query that is used to load the work items for the list. Typical queries: type:CAS for:me all cases that are assigned to me type:TSK for:me,unassigned all tasks that are either directly assigned to me or are unassigned type:CAS app:foo all cases that belong to the foo App See section Searches in the User guide to learn more about the search syntax and about all possible search terms.
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Link text

The attribute is used to define the link text.

The Link text attribute attribute can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax. The value attribute supports the special $count frontend expression which represents the result count of the query. The value attribute as well supports different texts for singular and plural depending on the result counts. The syntax for this is [singular text|plural text].

So a value of $count case [|s] results in 1 case or 21 cases depending on the result count.

Query

The edoras one query that is used to load the work items for the list.

Typical queries:

type:CAS for:me: all cases that are assigned to me
type:TSK for:me,unassigned: all tasks that are either directly assigned to me or are unassigned
type:CAS app:foo: all cases that belong to the foo App

See section Searches in the User guide to learn more about the search syntax and about all possible search terms.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.9. REST search count link attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Link form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Link text

The attribute is used to define the link text.

The Link text attribute attribute can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax. The value attribute supports the special $count frontend expression which represents the result count of the REST query. The value attribute as well supports different texts for singular and plural depending on the result counts. The syntax for this is [singular text|plural text].

So a value of $count user [|s] results in 1 user or 21 users depending on the result count.

Count URL

Used to define the URL that returns the result count of the REST query.

The count URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Note

Navigation URL

Used to define the URL to navigate to when the user clicks the link.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

5.6.10. Button attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Button text	The attribute is used to define the button text. The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.
Navigation URL	Used to define the URL to navigate to when the user clicks the button. The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Context variables	Parameters that can be added to the URL linked. A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name
Button alignment	The alignment of the button can be Left or Right.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

Navigation URL

Used to define the URL to navigate to when the user clicks the button.

The navigation URL attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Context variables

Parameters that can be added to the URL linked. A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Button alignment

The alignment of the button can be Left or Right.

5.6.11. Create Button attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Create button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.
Button text	The attribute is used to define the button text. The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.
Work item type	Type of the work item you want to create. The items can be Case, Task, Document or Process. The attribute can be set by a frontend-expression.See Frontend expressions to learn the frontend expression syntax.
Work item model	Select the models available to create, depending on the Work item type selected. The attribute can be set by a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Context variables	Parameters that can be added to the URL linked.A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.
Hide selectors	If its value is true, the template and parent selectors will be hidden. This only happens if the parameters (modelId and parentId) of the creation page where we are going to navigate are defined in the url.
Tooltip	Used to define the tooltip, that is, a text which will appear when the mouse enters in the component. The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.
Target	Used to define the tab where the linked item is loaded. Possible values are: _blank ⇒ Load in a new tab _self ⇒ Load in the same tab as it was clicked tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name
Button alignment	The alignment of the button can be Left or Right.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Create button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

Work item type

Work item model

Context variables

Hide selectors

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Button alignment

The alignment of the button can be Left or Right.

5.6.12. Inline Iframe attributes

Attribute	Description
Common	See Common attributes to learn more about the common attributes.
Source URL	The URL of the source to be displayed in the iframe, might also contain expressions.
Height	Used to define the maximum height of the iframe in pixels.
Show border	If is set to true, it renders a border around the iFrame.
Scrolling type	If is set to true, a scrolling bar is attached to the iframe or not. The possible values are: Auto: the scrolling bar will appear just if the content of the iframe is taller than its height. Yes: the scrolling bar will always appear. No: the scrolling bar will never appear, so part of the iframe could be potentially hidden.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Source URL

The URL of the source to be displayed in the iframe, might also contain expressions.

Height

Used to define the maximum height of the iframe in pixels.

Show border

If is set to true, it renders a border around the iFrame.

Scrolling type

If is set to true, a scrolling bar is attached to the iframe or not. The possible values are:

Auto: the scrolling bar will appear just if the content of the iframe is taller than its height.
Yes: the scrolling bar will always appear.
No: the scrolling bar will never appear, so part of the iframe could be potentially hidden.

5.6.13. Pdf preview attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Pdf preview form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Document source type

Possible values are:

id ⇒ The document source is the application, so the document is internal.
url ⇒ The document source is an external url.

Document source

It depends on the prevous attribute, the Document source type:

id ⇒ The id of the document, could be a frontend expression or the id document.
url ⇒ An external url should be provided.

Note

Height

Defines the height of the pdf preview.

Show border

If is set to true, the pdf preview will have a wrapper border.

5.6.14. Button group attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Button group form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.
Button alignment	The alignment of the button group. It can be Right, Left or Center.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Button group form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Button alignment

The alignment of the button group. It can be Right, Left or Center.

5.6.15. Horizontal line attributes

Attribute name	Description
Common	See Common attributes to learn more about the common attributes. The Label attribute is used to define the title that is displayed inside the horizontal line. The Horizontal line form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Label attribute is used to define the title that is displayed inside the horizontal line.

The Horizontal line form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

5.7. Executable form components

The execution form components executes actions and saves the result in a variable.

Form component	Description
	A button which calls an endpoint and redirects to a workitem view depending on the result.
	Button which executes a query and stores the result in a variable. In combination with a sub form, this allows to create search-like forms. If the button is clicked, the search is executed, the result stored in the variable and the subform will show the entries accordingly. If the query is using expression bound to search fields, you can create search forms this way.
	A button which makes a call to an url and sets the result in the model, with timer interval capability.
	A button which saves in a variable the result of a script.
	A button which saves in a variable the result of a script and shows a text based on the result.

Form component

Description

A button which calls an endpoint and redirects to a workitem view depending on the result.

Button which executes a query and stores the result in a variable. In combination with a sub form, this allows to create search-like forms. If the button is clicked, the search is executed, the result stored in the variable and the subform will show the entries accordingly. If the query is using expression bound to search fields, you can create search forms this way.

A button which makes a call to an url and sets the result in the model, with timer interval capability.

A button which saves in a variable the result of a script.

A button which saves in a variable the result of a script and shows a text based on the result.

5.7.1. Dynamic Link Button attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Dynamic Link Button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

REST url

The REST url where the info about the workitem is retrieved. The view where is redirected is optional.

Note

Target view

Define the view where will be redirected if the view is not defined in the REST url. If any is defined it will be redirected to Browse view by default.

Context variables

Parameters that can be added to the URL linked. A dialog is opened where the name and the value of the parameters are specified. The value of the parameter can be a frontend-expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Button alignment

The alignment of the button can be Left or Right.

5.7.2. Search button attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Search button form component does not support the Value, Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

Value

Is used to store the query result once executed (e.g. '{{searchResult}}'). You can bind the same variable to a subform for instance in order to render the result returned by the query.

Query

The edoras one query that is used to load the work items for the list.

Typical queries:

type:CAS for:me: all cases that are assigned to me
type:TSK for:me,unassigned: all tasks that are either directly assigned to me or are unassigned
type:CAS app:foo: all cases that belong to the foo App

See section Searches in the User guide to learn more about the search syntax and about all possible search terms.

Max result size

The maximum number of items being returned by the query in order to limit the result, might even be an expression. See Frontend expressions to learn the frontend expression syntax.

Auto execute

Automatically executes the query during initialization of the form, if set to 'true', might even be an expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Button alignment

The alignment of the button can be Left or Right.

5.7.3. REST button attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The REST button form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

Value

Is used to store the REST endpoint result once executed (e.g. '{{result}}'). You can bind the same variable to a subform for instance in order to render the result returned by the REST endpoint.

REST url

Define the URL of the REST endpoint which returns the data.

Note

Refresh time

The milliseconds interval to execute the button automatically in every tick. If it’s not defined it will not be executed automatically.

Auto execute

Automatically executes the rest request during initialization of the form, if set to 'true', might even be an expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Target

Used to define the tab where the linked item is loaded.

Possible values are:

_blank ⇒ Load in a new tab
_self ⇒ Load in the same tab as it was clicked
tabname ⇒ Load in a named tab, if there is no tab with that name then a new tab is created with that name

Button alignment

The alignment of the button can be Left or Right.

5.7.4. Script button attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Script button form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See [frontend-expressions] to learn the frontend expression syntax.

Value

Is used to store the returned value of the script once executed (e.g. '{{scriptResult}}'). e.g It’s possible to bind the variable to a text component in order to render the result returned by the script.

Script

The script which will be executed.

Asynchronous result

If is set to true, the result will not be saved with the result of the script, it will be saved at any moment after we clicked the button. We will need to call returnAsyncValue('anyResult') to save the result at the moment when we want. e.g. result of a selection from a pop-up or an Ajax call.

Refresh time

The milliseconds interval to execute the button automatically in every tick. When is empty, it will not be executed automatically.

Auto execute

If it is set to 'true', the script is executed automatically during initialization of the form. It might even be an expression. See Frontend expressions to learn the frontend expression syntax.

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Button alignment

The alignment of the button can be Left or Right.

5.7.5. Selection script button attributes

Attribute name

Description

Common

See Common attributes to learn more about the common attributes.

The Selection Script button form component does not support the Default value and the Editable attribute, as these do not make sense for read only components.

Button text

The attribute is used to define the button text.

The Button text can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

Value

Is used to store the returned value of the script once executed (e.g. '{{scriptResult}}').

Script

The script which will be executed.

Asynchronous result

If the value is 'true', the result is not saved with the result of the script. Instead, it is saved at any moment after the button is clicked. In this case, it is needed to call 'returnAsyncValue('anyResult')' in order to save the result at the moment that is wanted. e.g. A result coming from a selection done in a pop-up or an Ajax call.

Refresh time

The milliseconds interval to execute the button automatically in every tick. When is empty, it will not be executed automatically.

Auto execute

If it is set to 'true', the script is executed automatically during initialization of the form. It might even be an expression. See Frontend expressions to learn the frontend expression syntax.

Result format

Shows the result of the script in a text field. If the result is an object saved in the 'result variable', it is possible to display its properties by setting it to {{scriptResult .anyProperty}}

Tooltip

Used to define the tooltip, that is, a text which will appear when the mouse enters in the component.

The tooltip attribute can be expressed as a static value or as a frontend expression. See Frontend expressions to learn the frontend expression syntax.

5.8. Nesting form components

The nesting form components allow to nest components.

The data model of a nested form is usually stored in a nested data context. If configured that way the forms and the data model nest in a corresponding way: A field in a nested form then becomes a attribute in the nested data context.

Nested forms can be repeated. This way it is possible to define lists in the data model.

Usually nested forms are rendered in a way that the user can clearly see that the form fields belong to a nested form. But if desired nested forms can be rendered in a transparent way. The user can then not tell if a field comes from the main form or from a nested form.

Form component

Description

Used to nest forms of a single type.

Used to nest forms of multiple types.

5.8.1. Single-type subform attributes

Attribute

Description

Form reference

Used to define the form that is rendered in place of the subform.

The editor for this attribute allows to pick an existing form or to create a new one.

Element name

Used to define the text for the add button.

Common

See Common attributes to learn more about the common attributes.

The Value attribute is used to define the nested data context. This means if the Value is set to foo then all data inside the subform is stored in the foo attribute of the data model.

This component does not support the Label position, the Default value, and the Description attribute, as these do not make sense for nesting components.

Validation

This component supports the minimum number of children and the maximum number of children validation.

See Validation attributes to learn more about validation.

Multiple elements

Used to define if the user can repeat the form or not.

If true, additional buttons are rendered to let the user add new forms and remove existing ones.

formComponentSingleTypeSubformRuntimeRepeating

Show border

Used to define if the form inside the subform form component is rendered nested or not.

If true the form is rendered in a nested way and the user can clearly see that this is a nested form. If false the form is rendered in a transparent way and the user cannot distinguish if a field comes form the main form or from the nested form.

formComponentSingleTypeSubformRuntimeTransparent

Show add/remove buttons

If the subform can hold multiple elements, this attribute specifies whether the add/remove buttons should be shown and thus allowing the user to create new elements or to remove existing elements. This can also be done using a dynamic expression.

Collapsible

If true, the subform can be collapsed/expanded by clicking on an arrow ▲/▼.

Collapsed

If true, the subform will appear collapsed by default.

It supports FE expression by writing it in "Collapsed(RT)" field. Using FE expression, if the value of the expression changes, it will be applied to the subform, that is, if it becomes true, the subform will be collapsed and vice versa.

5.8.2. Multi-type subform attributes

Attribute

Description

Form references

Used to define the forms that are rendered in place of the subform.

The editor to define the form references asks for a discriminator value, the form reference and display name. The discriminator value identifies the form reference and hence the form to be used inside the data model. The display name is used to define the text for the add button.

The value stored in the discriminator attribute decides which form is used to display the data in the sub data context.

Common

See Common attributes to learn more about the common attributes.

The Value attribute is used to define the nested data context. This means if the Value is set to foo then all data inside the subform is stored in the foo attribute of the data model.

This component does not support the Label position, the Default value, and the Description attribute, as these do not make sense for nesting components.

Validation

This component supports the minimum number of children and the maximum number of children validation.

See Validation attributes to learn more about validation.

Multiple elements

Used to define if the user can repeat the form or not.

If true, additional buttons are rendered to let the user add new forms and remove existing ones.

Show border

Used to define if the form inside the subform form component is rendered nested or not.

Show add/remove buttons

Collapsible

If true, the subform can be collapsed/expanded by clicking on an arrow ▲/▼.

Collapsed

If true, the subform will appear collapsed by default.

5.9. Attachment form component

The attachment form component allows to attach files.

Attribute

Description

Common

See Common attributes to learn more about the common attributes.

Validation

The attachment form component supports the minimum files and the maximum files validation.

See Validation attributes to learn more about validation.

Preview type

Used to define the preview type.

The following values are allowed:

None: display no preview
Icon: display an icon that identifies the file type as preview
Thumbnail: display a thumbnail of the attached file as preview, the thumbnail is generated in the backend

Thumbnail maximum height

Used to define the maximum height of the thumbnail.

This attribute is only available when the preview type is Thumbnail.

Select file message

Used to define the message that is shown to the user inside the attachment form component.

By default the attachment form component shows Please select file to the user.

6. Process Palette

This section describes the elements available in the process modelling palette of edoras one. Each modeling element and it’s corresponding attributes are described in detail below. Since edoras one is based on BPMN 2.0 huge parts of the modelling capabilities come from there. Currently, edoras one does not support the full BPMN 2.0 standard for execution. The process palette contains only the BPMN2.0 elements that are currently supported by the engine. Besides the BPMN 2.0 standard elements, edoras one provides some dedicated process activities that can be used within the processes. These edoras one specific activities are dedicated implementations of BPMN 2.0s generic service task. They are implemented using the custom extensions hook of BPMN 2.0 so if you import a process model to another system that supports BPMN 2.0 these activities are considered as generic service tasks.

There are several attributes, that are available for all modelling elements:

Table 4. Common attributes
Attribute Name	Description
Name	The name of the element, displayed on the diagram. This attribute is not equal to the id of the element.
Documentation	Use this attribute to add any documentation / description to the element. The content of the element can not be displayed on the model graphics, but is exported to the BPMN 2.0 XML.
Custom Properties	Define arbitrary properties as key value pairs. The attribute is exported to the BPMN 2.0 XML and can be accessed at runtime.
Background Colour	Specify the background colour of the element in the diagram.
Border Colour	Specify the border colour of the element in the diagram.
LoopType	Selection of the loop type. See Multi Instance to know more about loops.

There are several attributes, that are available to customize the font format of all modelling elements in the diagram. If the attributes are set at process level, all the components of the process will contain these attributes by default:

Table 5. Text format attributes
Attribute Name	Description
Font size	Specify the font size of the element in the diagram.
Font weight	Specify the font weight of the element in the diagram.
Font style	Specify the font style of the element in the diagram.
Font Color	Specify the font color of the element in the diagram.

These attributes can also be modified by the shortcut with a "T" icon placed in the left-bottom corner of the components. Clicking on this brings up a text format dialog where the formatting can be changed as required. The dialog includes a button to remove the style format and goes back to the default format.

Moreover the process can contain attributes associated to the whole process. In order to set them click in the design area without selecting any element.

Table 6. Process attributes
Attribute Name	Description
Init form ref	The reference to a form which will be rendered before the process starts by the 'Start process' action.
Label expression	Specify a label expression for tasks within this process if you want something else being used as the name property.
Custom Properties	Define arbitrary properties as key value pairs. The cutom properties will be saved to a process level.
Is executable	If is set to false the deployment will ignore the process. Once is set to true and the process deployed
Text format attributes	See the table above. If the text format attributes are set at process level, all the components of the process will be created with the format set.

6.1. Events

6.1.1. Start Event

A none start event technically means that the trigger for starting the process instance is unspecified. This means that the engine cannot anticipate when the process instance must be started.

Figure 7. Graphical Representation

Table 7. Specific attributes
Attribute Name	Attribute Type
Description	none

Any sub-process has always to start with a none start event.

6.1.2. Message start event

A message start event can be used to start a process instance using a named message. This effectively allows us to select the right start event from a set of alternative start events using the message name.

When deploying a process definition with one or more message start events, the following considerations apply:

The name of the message start event must be unique across a given process definition. A process definition must not have multiple message start events with the same name. edoras one throws an exception upon deployment of a process definition such that two or more message start events reference the same message of if two or more message start events reference messages with the same message name.
The name of the message start event must be unique across all deployed process definitions. edoras one throws an exception upon deployment of a process definition such that one or more message start events reference a message with the same name as a message start event already deployed by a different process definition.
Process versioning: Upon deployment of a new version of a process definition, the message subscriptions of the previous version are cancelled. This is also true for message events that are not present in the new version.

Figure 8. Graphical Representation

Table 8. Specific attributes
Attribute Name	Description
Is interrupting	This attribute denotes whether the sub-process encompassing the event sub-process should be cancelled or not.
Message name
Operation name

6.1.3. Error start event

An error start event can be used to trigger an Event Sub-Process. An error start event cannot be used for starting a process instance.

An error start event is always interrupting.

Figure 9. Graphical Representation

Table 9. Specific attributes
Attribute Name	Description
Error code	The error code associated to the event.

6.1.4. Timer start event

A timer start event is used to create process instance at given time. It can be used both for processes which should start only once and for processes that should start in specific time intervals.

Note	A subprocess cannot have a timer start event.

Note	Start timer event is scheduled as soon as process is deployed. There is no need to to start an instance explicitly, although starting a process is not restricted and will cause one more starting of the process at the time invocation.

Note	When a new version of a process with a start timer event is deployed, the job corresponding with the previous timer will be removed. The reasoning is that normally it is not wanted to keep automatically starting new process instances of this old version of the process.

Figure 10. Graphical Representation

Table 10. Specific attributes
Attribute Name	Description
Is interrupting	This attribute denotes whether the sub-process encompassing the event sub-process should be cancelled or not.
Timer properties	Opens a dialog to specify when the timer should fire.

6.1.5. Intermediate Event

An intermediate event marks the occurrence of a particular business event.

Process execution is not delayed.

Figure 11. Graphical Representation

Table 11. Specific attributes
Attribute Name	Description
Execution listeners	The execution listeners to be executed when the process token arrives in the event.

6.1.6. Message catching intermediate event

Message Catching Intermediate Events are used to model wait state for particular message event with a specified name. After message catching process instance continues in its execution.

Message Catching Intermediate Event style rules: * By convention, message catching intermediate events are named after the event they are waiting for. (e.g. "Additional data received")

Figure 12. Graphical Representation

Table 12. Specific attributes
Attribute Name	Description
Message name	The name of the message that the event is waiting for
Operation name

6.1.7. Error intermediate event

Catches a named error, which was thrown be an inner scope (e.g. subprocess). This event needs to be attached to the boundary of an activity.

Figure 13. Graphical Representation

Table 13. Specific attributes
Attribute Name	Description
Error code	The error code associated to the event.

6.1.8. Timer intermediate event

Timer Intermediate Events are used to model wait state driven by a time.

Timer Intermediate Event style rules: * By convention, timer intermediate events are named after the event they are waiting for. (e.g. "Delivery deadline reached")

Figure 14. Graphical Representation

Table 14. Specific attributes
Attribute Name	Description
Timer properties	A wizard to configure the timer.

6.1.9. Signal catching intermediate event

Signal Catching Intermediate Events are used to model wait for particular signal. After catching the signal the process execution continues. The signal is not consumed after the catching. One signal can fire execution of several independent process instances in one step.

Signal Catching Intermediate Event style rules: * By convention, signal catching intermediate events are named after the event they are waiting for. (e.g. "New customer arrived")

Figure 15. Graphical Representation

Table 15. Specific attributes
Attribute Name	Description
Is interrupting	If the event is used as a boundary event. Specify if the related activity should be terminated when the signal arrives.
Signal name	The name of the signal the event is waiting for.

6.1.10. Signal throwing intermediate event

Signal Throwing Intermediate Events are used to model sending a particular signal. After sending the signal the process execution continues. One signal can fire execution of several independent process instances in one step.

Signal Throwing Intermediate Event style rules: * By convention, signal throwing intermediate events are named after the event they are throwing.

Figure 16. Graphical Representation

Table 16. Specific attributes
Attribute Name	Description
Execution listeners	The execution listeners to be executed when the process token arrives in the event.
Signal name	The name of the signal the event is throwing.

6.1.11. End event

A none end event means that the result thrown when the event is reached is unspecified. As such, the engine will not do anything extra besides ending the current path of execution.

Figure 17. Graphical Representation

Table 17. Specific attributes
Attribute Name	Description
none

6.1.12. Error end event

When process execution arrives in an error end event, the current path of execution is ended and an error is thrown. This error can caught by a matching intermediate boundary error event. In case no matching boundary error event is found, an exception will be thrown.

Figure 18. Graphical Representation

Table 18. Specific attributes
Attribute Name	Description
Error code	The error code associated to the event.

6.2. Tasks

6.2.1. User Task

A user task is used to model work that needs to be done by a human actor. When the process execution arrives at such a user task, a new task is created in the task list of the user(s) or group(s) assigned to that task.

Figure 19. Graphical Representation

Table 19. Specific attributes
Attribute Name	Description
Guid	The task guid. It can not be edited.
Form Reference	Select a form to be attached to the current task. You can also directly create a new form from here
Owner	Set the owner of the task by selecting an existing user statically
Owner (RT)	Use a backend expression to evaluate the owner dynamically at runtime
Assignee	Set the assignee of the task by selecting an existing user statically
Assignee (RT)	Use a backend expression to evaluate the assignee dynamically at runtime
Candidate Users	Set the candidate users of the task by selecting existing users statically
Candidate Users (RT)	Use a backend expression to evaluate the candidate users dynamically at runtime
Candidate Groups	Set the candidate users of the task by selecting existing groups statically
Candidate Groups (RT)	Use a backend expression to evaluate the candidate groups dynamically at runtime
Priority	Set the priority of the task by using a literal or a backend expression. The priority is not currently not supported at runtime
Due Date	Set the due date of the task. The due date is currently not supported at runtime
Allowed actions	The allowed actions of the task can be edited. If they are removed, will not appear in one. The Assign, Share and Create Variables can be selected or removed.
Mail Attributes	Refer to Send Mail Service Task for the usage of these attributes. By using this attribute section, you cause the engine to additionally send an email when the task is created

6.2.2. Manual task

A Manual task defines a task that is external to the BPM engine. It is used to model work that is done by somebody, which the engine does not need to know of, nor is there a system or UI interface. For the engine, a manual task is handled as a pass-through activity, automatically continuing the process from the moment process execution arrives into it.

Figure 20. Graphical Representation

Table 20. Specific attributes
Attribute Name	Description
none

6.2.3. Service Task

A service task is a task that uses some sort of service, which could be a web service or an automated application.

Figure 21. Graphical Representation

Table 21. Specific attributes
Attribute Name	Description
Expression	Expression to set for service task.
Delegate expression	Delegate Expression to set for service task.
Result variable	Variable to store the result of the service task.
Class	Class to be invoked to execute service.
Owner	Set the owner of the task by selecting an existing user statically
Owner (RT)	Use a backend expression to evaluate the owner dynamically at runtime
Assignee	Set the assignee of the task by selecting an existing user statically
Assignee (RT)	Use a backend expression to evaluate the assignee dynamically at runtime
Candidate Users	Set the candidate users of the task by selecting existing users statically
Candidate Users (RT)	Use a backend expression to evaluate the candidate users dynamically at runtime
Candidate Groups	Set the candidate users of the task by selecting existing groups statically
Candidate Groups (RT)	Use a backend expression to evaluate the candidate groups dynamically at runtime

6.2.4. Create Case Service Task

The Create Case Service Task can be used to create a new case from within a process. Input data for the new case can be mapped and the newly created case can be referenced form the current case if needed.

Figure 22. Graphical Representation

Table 22. Specific attributes
Attribute Name	Description
Case Model	Select a case model for the new case to be created
Init Variables	Specify additional variables that should be initialized during the creation of the new case
Case Name	Set the name of the new case using literals or backend expressions
CaseId Variable	specify a variable name where the id of the newly created case should be stored in the current case. This is optional
ParentId	specify an expression to resolve the work item id to be the parent item of the new case to be created. This is optional

6.2.5. Create case from subform service task

The create case from subform service Task is an itemization of the create case service task. Here you can specify a variable (subform) of the current workitem hierarchy as the input values for the new case instead of binding all input parameters manually.

Figure 23. Graphical Representation

Table 23. Specific attributes
Attribute Name	Description
Case Model	Select a case model for the new case to be created
Init Variables	Specify additional variables that should be initialized during the creation of the new case
Case Name	Set the name of the new case using literals or backend expressions
CaseId Variable	specify a variable name where the id of the newly created case should be stored in the current case. This is optional
ParentId	specify an expression to resolve the work item id to be the parent item of the new case to be created. This is optional
Subform Variable	Specify the variable name where the subform to create the new case from is bound to
Remove Subform Variable	If set to true, the variable of the subform will be removed from the data model after creating the case

6.2.6. Create document service task

edoras one allows to enhance business processes with document creation service tasks. The create document service task creates a copy of the specified document template insid the current case. In case the document template is either a MS Word or Adobe PDF form, form fields will automatically be populated with execution data. Refer to Document Placeholders for more information.

Figure 24. Graphical Representation

Table 24. Specific attributes
Attribute Name	Description
Document Model	Select a document model for the new document to be created
Document Id variable name	Specify a variable name where the id of the newly created document should be stored in the current case. This is optional.
Document name	The name of the document to be created within the case, might also contain expressions

6.2.7. Convert to pdf service task

edoras one allows to enhance business processes with document conversion to pdf service tasks. The 'Convert to pdf' service converts a specified document to pdf format.

Figure 25. Graphical Representation

Table 25. Specific attributes
Attribute Name	Description
Document Id	Specify the id if the document which will be converted to pdf.
Save as copy	Indicates if the pdf document is saved as a new document.
Document id variable	Only active when 'Save as copy' is true. Specify a variable name where the id of the newly created document should be stored in the current case.

6.2.8. Send Mail Service Task

edoras one allows to enhance business processes with automatic mail service tasks that send e-mails to one or more recipients, including support for cc, bcc, mail templates, … etc.

Note	See section Mail Server in the Operators Guide for information on configuring the mail server in an on-premise environment

Figure 26. Graphical Representation

Table 26. Specific attributes
Attribute Name	Description
Mail Model	This is a reference to a mail model in the current App. This model defines rich-text templates for the mail subject and body. Backend expressions in the mail model templates will be replaced when the mail is sent
Mail Recipient	The mail recipient is a required expression or literal that defines the email recipient (or multiple recipients)
Mail Reply-To	The mail reply-to is an optional expression that specify an explicit reply address. If no reply address is defined then the global system default will be used (which will vary from installation to installation)
Mail CC	Specify one or multiple CC recipients using literals or backend expressions. This attribute is optional
Mail Bcc	Specify one or multiple BCC recipients using literals or backend expressions. This attribute is optional
Mail Priority	An optional expression or literal that specifies the mail priority (usually an integer in the range 1 - 5)
Mail Headers	Specify additional mail headers. They will be applied before the message is sent
Attachments ids	The list of documents sent by the email. The documents can be referenced by its id or a backend expression.

6.2.9. Invoke REST endpoint service task

The Invoke REST endpoint service task provides a generic client to call arbitrary REST endpoints. The task supports all HTTP operations, Basic Authentication, custom headers and different mime-types.

Figure 27. Graphical Representation

Table 27. Specific attributes
Attribute Name	Description
Protocol	Specify the protocol to use for the request. HTTP and HTTPS are supported
Request Type	Specify the type of the HTTP Request. GET, POST, PUT and DELETE are supported
Request Headers	Add additional HTTP message headers to your request
Request Body	Specify the message body that will be sent with the request. You can use backend expressions to include data from the data model within your message body structure. This can only be used with POST and PUT requests
Content Type	Define the content type header to be set within the request. This value will be overwritten if you have set a content type in the Header attribute
Host Name	The host name of the remote server (e.g. service.edorasware.com
Port Number	The port number of the remote server. If not specified, 80 is used
Request Path	Specify the path to the endpoint on the remote server. The path must start with a leading / You can use backend expressions to set the path dynamically at runtime based on values from the data model
Request Parameters	Specify the parameters that are passed as part of the request URL. Multiple parameters can be defined using the editor provided
Username	If the remote server requires basic authentication specify the username of the user you want to use for the request
Password	If the remote server requires basic authentication specify the password of the user you want to use for the request
Response Type	Select the format of the response of the REST call. Currently JSON and XML are supported
Set Variables	Map the response data to your data model. specify the variable name and use X-Path expressions to select the respecting value from the response
Overwrite if existing	Set to true if you want to overwrite the values of existing variables with the values from the REST calls response

6.2.10. JSON to XML mapping

The JSON to XML mapping used to prepare data for the XPath expression evaluation is mainly intuitive, but for completeness here is a quick summary of how different JSON content is mapped:

Table 28. JSON to XML mapping
JSON	XML	XPath example	Result
`{ 'node': 'value' }`	`<root> <node original-type="string">value</node> </root>`	//node	value
`{ 'node': [ 'value1', 'value2' ] }`	`<root> <node1 original-type="string">value1</node1> <node2 original-type="string">value2</node2> </root>`	//node[2]	value2
`{ 'node': { 'child':'cValue' } }`	`<root> <node> <child original-type="string">cValue</child> </node> </root>`	//child	cValue
`'single value'`	`<root original-type="string">single value</root>`	/root	single value
`[ 'one', 'two', 'three' ]`	`<json> <root original-type="string">one</root> <root original-type="string">two</root> <root original-type="string">three</root> </json>`	/json/root[2]	two

Note	Note that in the case where multiple values are in the top-level JSON content, an additional root node (json) will be created as XML may only have a single root node.

6.2.11. Initialize variables service task

Use the initialize variables service task to initialize arbitrary variables in the current workitem hierarchy. You can use Expressions or literals to set the values of the variables.

Figure 28. Graphical Representation

Table 29. Specific attributes
Attribute Name	Description
Init Variables	Specify variable name and target workitem of the variable you want to initialize using literals. Use literals or backend expressions to specify the value of the variable
Overwrite if existing	If set to true, the values of already defined variables will be overwritten. Otherwise, already initialized variables are skipped

6.2.12. Initialize variables on query result

Use the 'Initialize variables on query result' service task to initialize variables in every work item being returned by a query. You can use Expressions or literals to set the values of the variables.

Figure 29. Graphical Representation

Table 30. Specific attributes
Attribute Name	Description
Query	The specified variables will be applied to every work item being returned by that query.
Variables to initialize	Specify variable name and target workitem of the variable you want to initialize using literals. Use literals or backend expressions to specify the value of the variable. For each variable it’s specified the flag 'Overwrite if existing', If set to true, the value of variable will be overwritten. Otherwise, already initialized variable is skipped
Result list item name	The name of the local variable representing the currently processed result list work item. This name might be used in an expression to access the current work item (e.g. '#{item.name}')
Result list item index	The name of the local variable representing the index (0-based) of the currently processed result list work item. This might be used in an expression to access the loop counter (index) of the currently processed work item (e.g. '#{itemIndex+1}')

6.2.13. Comment service task

Use the comment service task to add a comment to an arbitrary workitem reachable by the expression resolver. You can use templates similar to the ones in the send mail service Task to add formatted, structured comments.

Figure 30. Graphical Representation

Table 31. Specific attributes
Attribute Name	Description
Comment Target Object	Use an expression that resolves to the workitem where the comment should be added to the comment-stream
Comment User	Specify a the user in whose name the comment is created using an expression
Comment Template	Select the template for the comment

6.3. Execution elements

6.3.1. Sequence Flow

A sequence flow is the connector between two elements of a process. After an element is visited during process execution, all outgoing sequence flow will be followed. This means that the default nature of BPMN 2.0 is to be parallel: two outgoing sequence flow will create two separate, parallel paths of execution.

A sequence flow can have a condition defined on it. When a BPMN 2.0 activity is left, the default behavior is to evaluate the conditions on the outgoing sequence flow. When a condition evaluates to true, that outgoing sequence flow is selected. When multiple sequence flow are selected that way, multiple executions will be generated and the process will be continued in a parallel way.

Note	The above holds for BPMN 2.0 activities (and events), but not for gateways. Gateways will handle sequence flow with conditions in specific ways, depending on the gateway type.

Currently conditionalExpressions can only be used with Backend Expressions, detailed info about these can be found in section Backend Expressions. The expression used should resolve to a boolean value, otherwise an exception is thrown while evaluating the condition.

All BPMN 2.0 tasks and gateways can have a default sequence flow. This sequence flow is only selected as the outgoing sequence flow for that activity if and only if none of the other sequence flow could be selected. Conditions on a default sequence flow are always ignored.

Figure 31. Graphical Representation

Table 32. Specific attributes
Attribute Name	Description
Condition Type	Specify the condition type of the message flow. standard an conditional flow behave the same, but are displayed differently. Use a backend expression in the Condidtion Expression Attribute to specify the condition. If you set the condition type to Default, this flow is executed when no other flow condition evaluates to true
Condition Expression	A backend expression that must evaluate to a boolean value

6.3.2. Exclusive Gateway

An exclusive gateway (also called the XOR gateway or more technical the exclusive data-based gateway), is used to model a decision in the process. When the execution arrives at this gateway, all outgoing sequence flow are evaluated in the order in which they are defined. The sequence flow which condition evaluates to true (or which doesn’t have a condition set, conceptually having a 'true' defined on the sequence flow) is selected for continuing the process.

Note

Note that the semantics of outgoing sequence flow is different to that of the general case in BPMN 2.0. While in general all sequence flow which condition evaluates to true are selected to continue in a parallel way, only one sequence flow is selected when using the exclusive gateway. In case multiple sequence flow have a condition that evaluates to true, the first one defined in the XML (and only that one!) is selected for continuing the process. If no sequence flow can be selected, an exception will be thrown.

Figure 32. Graphical Representation

Table 33. Specific attributes
Attribute Name	Description
none

6.3.3. Inclusive gateway

The inclusive gateway can be seen as a combination of an exclusive and a parallel gateway. Like an exclusive gateway you can define conditions on outgoing sequence flows and the inclusive gateway will evaluate them. But the main difference is that the inclusive gateway can take more than one sequence flow, like the parallel gateway. The functionality of the inclusive gateway is based on the incoming and outgoing sequence flow:

fork: all outgoing sequence flow conditions are evaluated and for the sequence flow conditions that evaluate to true the flows are followed in parallel, creating one concurrent execution for each sequence flow.
join: all concurrent executions arriving at the inclusive gateway wait in the gateway until an execution has arrived for each of the incoming sequence flows that have a process token. This is an important difference with the parallel gateway. So in other words, the inclusive gateway will only wait for the incoming sequence flows that will be executed. After the join, the process continues past the joining inclusive gateway.

Note that an inclusive gateway can have both fork and join behavior, if there are multiple incoming and outgoing sequence flow for the same inclusive gateway. In that case, the gateway will first join all incoming sequence flows that have a process token, before splitting into multiple concurrent paths of executions for the outgoing sequence flows that have a condition that evaluates to true.

Note	Note that at least one condition must be true

Figure 33. Graphical Representation

Table 34. Specific attributes
Attribute Name	Description
none

6.3.4. Parallel gateway

Gateways can also be used to model concurrency in a process. The most straightforward gateway to introduce concurrency in a process model, is the Parallel Gateway, which allows to fork into multiple paths of execution or join multiple incoming paths of execution. The functionality of the parallel gateway is based on the incoming and outgoing sequence flow:

fork: all outgoing sequence flow are followed in parallel, creating one concurrent execution for each sequence flow.
join: all concurrent executions arriving at the parallel gateway wait in the gateway until an execution has arrived for each of the incoming sequence flow. Then the process continues past the joining gateway.

Note that a parallel gateway can have both fork and join behavior, if there are multiple incoming and outgoing sequence flow for the same parallel gateway. In that case, the gateway will first join all incoming sequence flow, before splitting into multiple concurrent paths of executions.

Note	An important difference with other gateway types is that the parallel gateway does not evaluate conditions. If conditions are defined on the sequence flow connected with the parallel gateway, they are simply neglected.

Figure 34. Graphical Representation

Table 35. Specific attributes
Attribute Name	Description
none

6.3.5. Call activity (subprocess)

BPMN 2.0 makes a distinction between a regular subprocess, often also called embedded subprocess, and the call activity, which looks very similar. From a conceptual point of view, both will call a subprocess when process execution arrives at the activity.

The difference is that the call activity references a process that is external to the process definition, whereas the subprocess is embedded within the original process definition. The main use case for the call activity is to have a reusable process definition that can be called from multiple other process definitions.

When process execution arrives in the call activity, a new execution is created that is a sub-execution of the execution that arrives in the call activity. This sub-execution is then used to execute the subprocess, potentially creating parallel child execution as within a regular process. The super-execution waits until the subprocess is completely ended, and continues the original process afterwards.

Figure 35. Graphical Representation

Table 36. Specific attributes
Attribute Name	Description
LoopType	Selection of the loop type. See Multi Instance to know more about loops
SubProcess Reference	Select the subprocess to be called within the call activity
In	Map input data to be passed from the parent (current) process to the subprocess while starting the subprocess
Out	Map output data to be passed form the subprocess to the parent process after the subprocess has finished

6.3.6. Subprocess

A subprocess is executed within the scope of the parent process.

Figure 36. Graphical Representation

Table 37. Specific attributes
Attribute Name	Description
LoopType	Selection of the loop type. See Multi Instance to know more about loops

6.3.7. Text Annotation

The Text Annotation is for documentation purpose only, it’s not evaluated by the engine. Use it to add textual explanations to an element of the process model. In contrast to the Documentation property of an element, the text annotation is also visible on the graphical representation of the process model.

Figure 37. Graphical Representation

Table 38. Specific attributes
Attribute Name	Description
Text	Text annotation displayed in the process model.

6.3.8. Association

An association is represented with a dotted line. It is used to associate an artifact or text to a flow object, and can indicate some directionality using an open arrowhead (toward the artifact to represent a result, from the artifact to represent an input, and both to indicate it is read and updated). No directionality is used when the artifact or text is associated with a sequence or message flow (as that flow already shows the direction).

Note	edoras one currently only supports undirected associations

Figure 38. Graphical Representation

Table 39. Specific attributes
Attribute Name	Description
none

6.4. Role elements

6.4.1. Horizontal Pool

Represents the organizational boundaries of a process, typically separating different organisations. A pool contains one or more lanes (like a real swimming pool). One process has to be executed within a pool. If the end-to-end process includes multiple pools, each pool has it’s own process flow. Communication between pools is handled by Message Flows. The horizontal pool in edoras one represents the system boundaries of edoras one in the mentioned orientation.

Figure 39. Graphical Representation

Table 40. Specific attributes
Attribute Name	Description
isExecutable	Indicates if this pool is executable.

6.4.2. Vertical Pool

Represents the organizational boundaries of a process, typically separating different organisations. A pool contains one or more lanes (like a real swimming pool). One process has to be executed within a pool. If the end-to-end process includes multiple pools, each pool has it’s own process flow. Communication between pools is handled by Message Flows. The vertical pool in edoras one represents the system boundaries of edoras one in the mentioned orientation.

Figure 40. Graphical Representation

Table 41. Specific attributes
Attribute Name	Description
isExecutable	Indicates if this pool is executable.

6.4.3. Collapsed pool

A collapsed pool hides internal detail from the viewer. It’s used to visulaize communication between the mail pool and an external system / organization that is not in the scope of the current project. The collapsed pool has no impact at execution time.

Figure 41. Graphical Representation

Table 42. Specific attributes
Attribute Name	Attribute Type
Description	none

6.4.4. Lane

Used to organise and categorise activities within a pool according to function or role, and depicted as a rectangle stretching the width or height of the pool. A lane contains the flow objects, connecting objects and artifacts.

Figure 42. Graphical Representation

Table 43. Specific attributes
Attribute Name	Description
none

6.4.5. Message Flow

A Message Flow is represented with a dashed line, an open circle at the start, and an open arrowhead at the end. It tells us what messages flow across organizational boundaries (i.e., between pools). A message flow can never be used to connect activities or events within the same pool.

Figure 43. Graphical Representation

Table 44. Specific attributes
Attribute Name	Description
none

6.5. Multi Instance

edoras one supports the creation of multiple instances of several BPMN 2.0 elements (Human Task, Call Activity, Embedded Subprocess and all Activities in the section Service Tasks of the edoras one palette). Multi-instancy is configured within the process model.

To specify multi-instancy select the corresponding type parallel or sequential.

If you chose parallel, all instances of the element are created at once, when the execution arrives at the activity. If you choose sequential, the next instance of the activity ist created, when the previous activity was completed.

Table 45. Multi-instance attributes
Attribute Name	Description
Loop collection	A varialbe from the variable hierarchy that holds a list of elements. All elements of the list are processed, that means, the platform will generate one instance per list element
Loop element variable	a copy of the current list element. If you want to modify the variable, write the new value to the original list element since the loop element variable is not merged with the original one, once the execution is terminated.
Loop element index variable	The name of the variable where the current list index is stored.
Loop cardinality	An expression that evaluates to an integer which determines the number of instances to be created if you do not use a list for iteration.
Completion condition	A boolean expression do define a condition, to terminate the multi-instancy. As long as the expression evaluates to true, a new instance will be created.

7. Customizing palettes

edoras vis supports customizing of palette that is available in the editor view for designing processes and forms. Using this feature one or more customized palettes of form/process/case components can be developed by extending available generic form/process/case components supported by edoras vis. Each custom palette can then be associated with one or more forms/processes. Once a custom platte is associated with a form/process/case all the components of the custom form/process/case palette will then be available in the editor view.

A custom form palette has to be configured in an XML file that has .form.palette.xml file extension and should conform to the edoras-vis-form-palette XML schema definition.

A custom process palette has to be configured in an XML file that has .process.palette.xml file extension and should conform to the edoras-vis-process-palette XML schema definition.

A custom case palette has to be configured in an XML file that has .case.palette.xml file extension and should conform to the edoras-vis-case-palette XML schema definition.

The edoras vis supports configuring a folder that can contain all the custom palette definitions to be used in a workspace. All the custom palette XMLs located directly under the configured folder will be available for associating with a form/process/case. One form/process/case can only be associated with one custom palette configuration.

In case a custom palette XML is deleted or if any of its custom components are deleted, the components in the forms/processes/cases already associated with that custom palette will automatically fallback to their respective generic component parent(s) when the forms/processes/cases are subsequently opened for editing.

7.1. Configuring a custom palette

Table 46. Attributes and elements supported by the **palette** element
Name	Mandatory	Description
id	true	Id of the palette.
title	false	The title of custom palette that is displayed in edoras vis editor view.
parent-palette	false	The parent palette from which a custom palette is extended. edoras vis supports following parent process palettes: edoras-gear (default value) bpmn2.0 edoras vis supports following parent form palette: edoras-forms (default value)
hide-parent-palette-elements	false	The boolean value to hide stencils of the parent palette. Defaults to true.
resource-bundle	false	Resource Bundle File containing language specific translations. All resource bundle file should be placed under i18n directory, i18n directory should be with in the same directory of palette. Check Defining resource keys for language specific attributes in custom palette for more details.

See Sample custom palette

7.2. Defining component groups in a custom palette

edoras vis supports grouping of components with in custom palettes.

Table 47. Attributes supported by the **group** element
Name	Mandatory	Description
id	true	Unique Id of the group
title	false	Title of the group
description	false	Description of the group
index	false	Index of the group, Sorted in ascending order

Sample group element is shown below.

<group id="Events" title="Events" description="Events description" index="5" >
    <component id="events_start" extends="StartNoneEvent" attribute-groups="commonAttributes, formControlAttributes" ></component>
    <component id="events_end" extends="EndNoneEvent" description="End Event">
        <attribute id="custom_event_attribute" title="Custom Event Attribute" value="custom"/>
    </component>
</group>

7.3. Defining components in a custom palette

edoras vis supports creating of custom components in a custom palette by extending/referencing available generic components.

To add a component to the custom palette, a component element has to be added to the group element.

The component element in turn may contain one or more attribute elements which define the component specific properties.

Table 48. Attributes supported by the **component** element
Name	Mandatory	Description
id	true	Unique Id of the component
title	false	Title of the component
description	false	Description of the component
visible	false	Configure visibility of the component in editor.
extends	false	Id of the component that is extended
ref	false	Id of the component that is referenced
roles	false	Comma separated list of roles supported by the component, Which are inturn used by rules. See Defining rules in a custom palette for more details.
attribute-groups	false	Comma separated list of attribute group id that need to be added to the component. See Defining attribute groups in a custom palette for more details.
presentation-id	false	Presentation reference required to render the component SVG/Image on the editor canvas. See Defining custom component presentation in a custom palette for more details.
default-lane-id	false	Applicable only for Pool type.Configure default lane Id for a pool.
shortcut-menu-index	false	Applicable only for Process palette. Configure index for short cut menus from process components.
index	false	Index of the Component, Sorted in ascending order
behaviour-type	false	Applicable only for Form palette. Describes the behaviour of the referred component.

1. Component extending StartNoneEvent with attribute-groups:
<component id="events_start" extends="StartNoneEvent" attribute-groups="commonAttributes, formControlAttributes" ></component>

2. Component extending Task with custom component-presentation and short cut menu index:
<component id="formtask" extends="Task" presentation-id="presentation.task" shortcut-menu-index="1" ></component>

3. Component referencing EndNoneEvent with a custom attribute and index:
<component id="events_end" description="End Event" ref="EndNoneEvent" index="5">
    <attribute id="custom_event_attribute" title="Custom Event Attribute" value="custom"/>
</component>

4. Component behaving like a password component:
<component id="base-password" extends="component" presentation-id="password.presentation" behaviour-type="Password" />

7.4. Defining custom categories in a custom palette

edoras vis supports defining of custom categories for attributes. These categories can be used to display the attributes of a component under different headings in the property window of the editor view.

Table 49. Attributes supported by the **category** element
Name	Mandatory	Description
id	true	Unique Id of the category
title	false	Title of the category
index	false	Index of the category. It decides the position of category in property window
visible	false	Boolean value to hide the attributes category in property window

Sample custom-categories element is shown below.

<custom-categories>
    <category id="custom_category_1" index = "101" title="custom category 1(en)" />
    <category id="custom_category_2" title="custom category 2(en)"/>
    <category id="custom_category_3" title="custom category 3(en)" visible="false"/>
</custom-categories>

Sample application of custom categories to attributes is shown below.

<attribute id="namekey"  value=""   type="SimpleText" category= "custom_category_1" />
<attribute id="name" title="Name" description="Name" value="" type="SimpleText" category="custom_category_2"/>
<attribute id="behavior" type="ComboBox" category= "custom_category_1"  index="3" title="behavior">
    <items>
        <item id="none" title="none" value="none" />
        <item id="all" title="all" value="all" />
        <item id="one" title="one" value="one" />
        <item id="complex" title="complex" value="complex" />
    </items>
</attribute>

7.5. Defining attributes in a custom palette

edoras vis supports defining custom attributes in the custom palette configuration.

To add an attribute with in custom palette, an attribute element has to be used. This element can only exist with in any of the following parent elements:

attribute-group
custom-attributes-group
model-attributes
component

Table 50. Attributes supported by the attribute element
Name	Mandatory	Description
id	true	Unique identifier of the attribute
title	false	Title of the attribute
description	false	Description of the attribute
value	false	Value of the attribute
type	false	Type of the attribute. Check Attribute types supported in a custom palette for more details.
category	false	Name of the category under which the attribute should be displayed in the property window of editor view.
export	false	Boolean value to specify whether an attribute should be exported to the xml and json(only for forms).
index	false	Integer value to define position of the attribute in the property window of the editor view.
ref-to-view	false	Id of the SVG element to which attribute value is mapped. Know more ref-to-view
readonly	false	Boolean value to make the attribute readonly.
optional	false	Boolean value to make the attribute mandatory.
visible	false	Boolean value to make the attribute visible in the property window.
filter	false	Applicable only for TreeView type. A comma separated list of file extensions. Know more filter
multilanguage	false	Boolean value to specify whether the attribute supports multilanguage. Know more multilanguage
fill	false	Applicable only for Color type. Know more fill
url	false	Applicable only for RestComboBox type.
stroke	false	Applicable only for Color type.
multiselect	false	Applicable only for RestComboBox type.
constant	false	Boolean value to make attribute value as constant.
length	false	Integer value to support maximum length for value.
popular	false	Boolean value to make attribute to has higher priority while displaying.
field-map	false	Applicable only for RestComboBox type. To map item display-name and value returned in the REST end point’s response.
item-icon-visible	false	Applicable only for RestComboBox type. To make each item’s icon visible.
select-all	false	Applicable only for RestComboBox type. To pre-select all the items returned by the REST end.
custompalette	false	Applicable only for TreeView type. To provide name of the palette for default selection in tree view editor’s drop-down list.
model-id	false	Applicable only for TreeView type.
runtime	false	Applicable for all type attributes. To make run time attribute visible. Know more runtime and runtime-value
runtime-value	false	Provide default value to run time attribute. Know more runtime and runtime-value
readonly-editor	false	Applicable only for RestComplex and Complex type. To provide non editable editor.
placeholder	false	Applicable only for TreeView type.
output-mapping	false	Applicable only for complex editor type.

edoras vis support multiple languages.

Table 51. Language specific attributes supported by the attribute element
Name	Mandatory	Description
title	false	If title is Resource bundle key, Then title will be picked form resource bundle file.
description	false	If description is Resource bundle key, Then description will be picked form resource bundle file
value	false	If value is Resource bundle key, Then value will be picked form resource bundle file

7.6. Defining resource keys for language specific attributes in custom palette

edoras vis supports defining language specific for custom attributes/Components in the custom palette configuration.

edoras vis follows below format while genrating translation keys.

Table 52. Tranlation keys for supported elements
Element	Translation Key Format
Component	Component supports title and description as language specific property `<component-id>.title <component-id>.description`
Group	Group supports title and description as language specific property `<group-id>.title <group-id>.description`
Attribute	Attribute support only title, description and value as language specific property If attribute element is within the component element then the format of key is `<component-id>.<attribute-id>.title <component-id>.<attribute-id>.description <component-id>.<attribute-id>.value` If attribute element is within the attribute-goup element then the format of key is `<attribute-group-id>.<attribute-id>.title <attribute-group-id>.<attribute-id>.description <attribute-group-id>.<attribute-id>.value` If attribute element is within the custom-attributes-goup element then the format of key is `<custom-attributes-group-id>.<attribute-id>.title <custom-attributes-group-id>.<attribute-id>.description <custom-attributes-group-id>.<attribute-id>.value` If attribute element is within the model-attributes element then the format of key is `<model-attributes-id>.<attribute-id>.title <model-attributes-id>.<attribute-id>.description <model-attributes-id>.<attribute-id>.value`
Category	Category support only title as language specific property `<category-id>.title`

7.7. Defining validation rules for attributes in a custom palette

edoras vis supports defining validation rules for custom attributes in the custom palette configuration.

edoras vis supports following validation rules.

Rule Description Example

Range

This rule can be applied to integer attributes to specify minimum and maximum allowed values.

<attribute id="cCardCvv" type="Integer"  title="Credit Card CVV" description="Credit Card CVV" optional="false">
    <validation-rules>
        <range min="100" max="999" />
    </validation-rules>
</attribute>

Length

This rule can be applied to specify the minimum and maximum length of value.

<attribute id="cCard" type="SimpleText"  title="Credit Card Number" description="Credit Card Number" optional="false">
    <validation-rules>
        <length min="0" max="16" />
    </validation-rules>
</attribute>

Expression

This rule can be applied to validate value against JavaScript expression.

<attribute id="cCard" type="SimpleText"  title="Credit Card Number" description="Credit Card Number" optional="false">
    <validation-rules>
        <expression pattern="^4[0-9]{12}(?:[0-9]{3})?$" />
    </validation-rules>
</attribute>

7.8. Attribute types supported in a custom palette

edoras vis supports following attribute types.

Table 54. Attribute types
Type	Field Type	Example
SimpleText	Text Field	`<attribute id="name" title="Name" description="Name" value="" type="SimpleText"/>`
TextArea	Text Area	`<attribute id="summary" title="Summary" description="Summary" value="" type="TextArea" />`
Integer	Number Field	`<attribute id="age" title="Age" description="Age" value="15" type="Integer" category="common" />`
Float	Number Field	`<attribute id="price" title="Price" description="Price" value="1.11" type="Float" category="common" />`
Boolean	Check Box	`<attribute id="isValid" title="Is Valid" description="Is Valid" value="true" type="Boolean"/>`
ComboBox	ComboBox	`<attribute id="selectnumber" title="Select Number" description="Select Number" value="2" type="ComboBox"> <items> <item id="1" title="One" value="1" /> <item id="2" title="Two" value="2" /> <item id="3" title="Three" value="3" /> </items> </attribute>` Check Special attribute items for more details.
RestComboBox	ComboBox	`<attribute id="company" title="Company" description="Company" url="http://www.company.com" type="RestComboBox"/>`
TextEditor	Text Editor	`<attribute id="notesShort" title="NotesShort" type="TextEditor" value="" description="Short notes."/>`
RichText	Rich Text Editor	`<attribute id="documentation" title="Documentation" description="Documentation" value="" type="RichText"/>`
TreeView	Tree view dialog	`<attribute id="form_entry" title="FormRef" type="TreeView" value="" description="Form referenced by Form Task." filter="xfm" optional="false" readonly="true" />` For supported key event Click here Key events for treeview dialog
Date	Date field	`<attribute id="duedate" title="Due Date" description="Due Date" value="" type="Date"/>`
ComplexDate	Date Editor	`<attribute id="min-date" type="ComplexDate" value="" readonly="false" path="extraSettings.minDate" export="true" category="edoras" index="105"/>`
Color	Color field	`<attribute id="bgcolor" title="BackgroundColor" type="Color" value="#ffffcc" description="" ref-to-view="fill_el" fill="true" stroke="false" optional="false"/>`
Complex	Complex dialog	`<attribute id="in" title="In" type="Complex" description="Execution element for data input." value=""> <complex-items> <complex-item id="source" name="Source" type="SimpleText" value="" width="150" /> <complex-item id="target" name="Target" type="SimpleText" value="" width="150" /> </complex-items> </attribute>` For supported key event Click here Key events for complex dialog
ComplexKeyValue	Complex dialog	`<attribute id="in" title="In" type="ComplexKeyValue" description="Property for Complex Key Value editor." value=""> <complex-items> <complex-item id="key" name="Key" type="SimpleText" value="" width="150" /> <complex-item id="value" name="Value" type="SimpleText" value="" width="150" /> </complex-items> </attribute>` For supported key event Click here Key events for complex dialog
ComplexForm	Form dialog	<attribute id="email" title="Email Properties" type="ComplexForm" description="Email properties" value=""> <complex-items> <complex-item id="from" name="From" type="SimpleText" value="" width="250" vtype="expressionOrEmail" optional="false" /> <complex-item id="to" name="To" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" optional="false" /> <complex-item id="cc" name="Cc" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" /> <complex-item id="bcc" name="Bcc" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" /> <complex-item id="subject" name="Subject" type="SimpleText" value="" width="250" /> <complex-item id="html" name="Html" type="RichText" value="" width="250" /> </complex-items> </attribute> Check Special Attribute complex-items for more details.
Link	Link field	`<attribute id="link" title="SimpleLink" type="Link" value="http://www.google.com" />`
ComplexTrigger	Complex dialog	`<attribute id="ComplexTrigger" type="ComplexTrigger" title="Complex Trigger" value="" optional="true" readonly="false" category="edoras" />`
RestComplex	ComboBox	`<attribute id="RestComplex" readonly-editor="false" type="RestComplex" title="RestComplex" value="" url="../rest/one-groups" readonly="false" optional="true" category="edoras"> <complex-items> <complex-item id="id" type="SimpleText" value="" name="ID" optional="false" /> <complex-item id="title" type="SimpleText" value="" name="Title" optional="true" /> <complex-item id="value" type="SimpleText" value="" name="Value" /> </complex-items> </attribute>`

7.9. Defining custom component presentation in a custom palette

edoras vis supports defining the SVG and Image for a component.

Table 55. Attributes supported by the component-presentations element
Name	Mandatory	Description
base-palette-icon-path	true	Base folder path where all related images are present.
base-editor-view-path	true	Base folder path where all related SVG file are present.

Table 56. Attributes supported by the component-presentation element
Name	Mandatory	Description
id	true	Id of the Component presentation.
palette-icon-path	false	Path of image file used in presentation.
editor-view-path	false	Path of SVG file used in presentation.

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<component-presentations base-palette-icon-path="icons" base-editor-view-path="view">
    <component-presentation id="presentation.number" palette-icon-path="number.png" editor-view-path="number.svg"/>
    <component-presentation id="presentation.password" palette-icon-path="password.png" editor-view-path="password.svg"/>
</component-presentations>

For detailed explanation on oryx related elements and attributes in SVG view check here SVG view features

7.10. Defining rules in a custom palette

edoras vis supports defining the rules for a component behaviour.

Table 57. Rules supported by an edoras vis custom palette components
Name	Mandatory	Description
containment-rules	This rule can be applied to components to specify containment rules based on roles.	`<containment-rules> <containment-rule role="base_container" contains="standard_container,core_form_controls"/> <containment-rule role="standard_container" contains="core_form_controls"/> </containment-rules>`
morphing-rules	This rule can be applied to components to specify morphing rules (Changing from one type to another) based on roles.	`<morphing-rules> <morphing-rule role="controls_morph" base-morphs="Input"/> </morphing-rules>`
connection-rules	This rule can be applied to components to specify connection rules between components based on roles (Used Only in Process Custom Palettes).	`<connection-rules> <connection-rule role="SequenceFlow"> <connects from="sequence_start" to="sequence_end"/> </connection-rule> <connection-rule role="MessageFlow"> <connects from="messageflow_start" to="messageflow_end"/> </connection-rule> </connection-rules>` SequenceFlow components can be used to connect between components having roles "sequence_start" and "sequence_end" MessageFlow components can be used to connect between components having roles "messageflow_start" and "messageflow_end"
cardinality-rules	This rule can be applied to components to specify number of incoming and outgoing connector rules based on roles (Used Only in Process Custom Palettes).	`<cardinality-rules> <cardinality-rule role="Startevents_all"> <incoming role="SequenceFlow" maximum="0"/> </cardinality-rule> <cardinality-rule role="Endevents_all"> <outgoing role="SequenceFlow" maximum="0"/> </cardinality-rule> </cardinality-rules>` Components having "Startevents_all" as role cannot have incoming sequence flows. Components having "Endevents_all" as role cannot have outgoing sequence flows.

7.11. Defining attribute groups in a custom palette

edoras vis supports defining custom attribute groups, which can be used to assign a set of attributes to multipe components. .Attributes supported by an attribute-group element

Name

Mandatory

Description

name

true

Unique name of the attribute group

An attribute-groups element can contain one or more attribute-group elements. Similarly an attribute-group element can contain one or more attribute elements, as shown in the sample below.

<attribute-groups>
    <attribute-group id="commonAttributes">
        <attribute id="id" title="Id" value=""/>
        <attribute id="nameKey" title="NameKey" description="NameKey" type="SimpleText" value="" />
    </attribute-group>
    <attribute-group id="formControlAttributes">
        <attribute id="label" runtime="false" multilanguage="false" category="common"/>
        <attribute id="description" title="Description" type="SimpleText" visible="false"/>
    </attribute-group>
</attribute-groups>

7.12. Defining custom attributes in custom palette

edoras vis supports defining custom attributes.

Table 58. Attributes supported by the custom-attributes-group element
Name	Mandatory	Description
id	true	Id of the custom-attributes-group.
ref	false	Id of the component to which the custom attributes are applied to. If this attribute is skipped then the attributes are applied to all the components.

A custom-attributes element can contain one or more custom-attributes-group elements. Similarly, a custom-attributes-group element can contain one or more attribute elements, as shown in the sample below.

<custom-attributes>
    <custom-attributes-group id="customAttributeGroup1">
        <attribute id="id" title="Id" value=""/>
        <attribute id="nameKey" title="NameKey" description="NameKey" type="SimpleText" value="" />
    </custom-attributes-group>
    <custom-attributes-group id="customAttributeGroup2" ref="Task">
        <attribute id="label" runtime="false" multilanguage="false" category="common"/>
        <attribute id="description" title="Description" type="SimpleText" visible="false"/>
    </custom-attributes-group>
</custom-attributes>

7.13. Defining model attributes in a custom palette

edoras vis supports defining model attributes in a custom palette.

To add model attributes a model-attributes element has to be added.

A model-attributes element can contain one or more attribute elements. All attributes which are defined within the model-attributes element will be added to the model. See the sample below.

<model-attributes id="modelAttributes" >
    <attribute id="expressionid" title="Label Expresion" value=""/>
    <attribute id="guid" title="GUID" description="GUID of the model" type="SimpleText" value="" />
</model-attributes>

7.14. Removing of components in main palette using fragment/patch palettes

edoras vis supports defining model attributes in a custom palette.

This feature can be used in cases where some of the default components provided in the default palettes should not been shown (since similar custom components have been added). To remove certain components, add the component IDs as a comma separated list to the stencil-ids attribute of the <remove-stencils> element in the patch/fragment palette as shown in the below sample:

    <remove-stencils
            stencil-ids="cloud-attachment,cloud-upload"/>

Note this only works for elements contained in the main palette to which the patch palette is applied to.

7.15. Key events for property panel

Table 59. Keys supported by the property panel
Name	Description
Up	Navigate to above property in the panel.
Down	Navigate to below property in the panel.
ENTER	To open editors and closing/committing entered value for inline editors.
SPACE	To open inline editors / toggle boolean values.
ESC	To close inline editor without committing the values.
F2	To open editor for editing selected attribute.

7.16. Key events for treeview dialog

Table 60. Keys supported by the treeview dialog editor
Name	Description
ALT + 1	Selecting a New radio button.
ALT + 2	Selecting a Reference radio button.
ALT + 3	Selecting a Url radio button.
ALT + 4	Selecting a Remove Reference radio button.
SHIFT + F	Switch to Find(Search) mode in reference panel.
SHIFT + T	Switch back to Treeview mode in reference panel.
Up	Navigate to above node in tree.
Down	Navigate to below node in tree.
Left	Collapse folder.
Right	Expand folder.
ENTER	Select the current model.

7.17. Key events for complex dialog

Table 61. Keys supported by the complex dialog editor
Name	Description
INSERT	Adding a new row.
DELETE	Deleteing a selected row.
CTRL + up	Moving selected row up.
CTRL + down	Moving selected row down.
ENTER	Editing a selected cell.
TAB	Selecting next cell.
F2	To open editor for editing the selected cell.

7.18. Sample custom palette

A sample custom palette is given below:

<?xml version="1.0" encoding="UTF-8"?>
<palette id="custom-process-palette"
         xmlns="http://www.edorasware.com/schema/vis/process-palette"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://www.edorasware.com/schema/vis/process-palette http://www.edorasware.com/schema/vis/edoras-vis-process-palette-2.0.43.xsd"
         resource-bundle="translation">

    <attribute-groups>
        <attribute-group id="baseAttributes">
            <attribute id="id" value="" title="" />
            <attribute id="name" value="" title="Name" multilanguage="false" category="common" ref-to-view="text_name"/>
            <attribute id="documentation" value="" title="Documentation" multilanguage="false" category="common"/>
        </attribute-group>
        <attribute-group id="usertask">
            <attribute id="notesShort" value="" title="" />
            <attribute id="notesShortKey" value="" title="" />
            <attribute id="candidateusers" value="" title="CandidateUsers" category="edoras" type="RestComboBox" url="/rest/modeler-users"/>
            <attribute id="candidategroups" value="" title="CandidateGroups" category="edoras" type="RestComboBox" url="/rest/modeler-groups"/>
            <attribute id="support" title="Support Link" type="Link" value="http://www.edorasware.com/support" />
        </attribute-group>
    </attribute-groups>

    <model-attributes id="modelAttributes">
        <attribute id="guid" value="" title="" />
        <attribute id="labelExpression" value="" title="" />
        <attribute id="version" value="" title="" />
        <attribute id="author" value="" title="" />
        <attribute id="language" value="" title="" visible="false"/>
        <attribute id="namespaces" value="" title="" visible="false"/>
    </model-attributes>

    <group title="Custom Tasks" id="custom-shapes">
        <component id="CustomFormTask" extends="FormTask" attribute-groups="baseAttributes,usertask"/>
        <component id="CustomManualTask" extends="ManualTask" attribute-groups="baseAttributes,usertask"/>
        <component id="CustomEndNoneEvent" extends="EndNoneEvent" attribute-groups="baseAttributes"/>
        <component id="CustomSequenceFlow" extends="SequenceFlow" attribute-groups="baseAttributes"/>
        <component id="CustomTextAnnotation" extends="TextAnnotation" attribute-groups="baseAttributes"/>
        <component id="CustomAssociationUndirected" extends="Association_Undirected" attribute-groups="baseAttributes"/>
        <component id="CustomExclusiveDatabasedGateway" extends="Exclusive_Databased_Gateway" attribute-groups="baseAttributes"/>
        <component id="CustomParallelGateway" extends="ParallelGateway" attribute-groups="baseAttributes"/>
    </group>

    <group title="Activities" id="activities">
        <component ref="Task" id="RefTask"/>
        <component ref="Subprocess" id="RefSubprocess"/>
        <component id="RefFormTask" extends="FormTask">
            <attribute id="formInit" value="" title="Init Form Ref" type="TreeView" filter="xfm" category="common" export="true"/>
            <attribute id="guid-ref" value="" title="Init Form Ref (ID)" type="SimpleText" category="common" export="true" visible="false"/>
        </component>
        <component ref="CollapsedSubprocess" id="RefCollapsedSubprocess"/>
        <component ref="ExpandedSubProcess" id="RefExpandedSubProcess"/>
        <component ref="CallActivity" id="RefCallActivity"/>
    </group>

    <group title="Gateways" id="gateways">
        <component ref="Exclusive_Databased_Gateway" id="RefExclusive_Databased_Gateway"/>
        <component ref="ParallelGateway" id="RefParallelGateway"/>
    </group>

    <group title="Events" id="events">
        <component ref="StartNoneEvent" id="StartNoneEvent"/>
        <component ref="EndNoneEvent" id="EndNoneEvent"/>
    </group>

    <group title="Connectors" id="connectors">
        <component ref="SequenceFlow" id="RefSequenceFlow"/>
        <component ref="Association_Undirected" id="RefAssociation_Undirected"/>
        <component ref="Association_Unidirectional" id="RefAssociation_Unidirectional"/>
        <component ref="MessageFlow" id="RefMessageFlow"/>
        <component ref="Association_Bidirectional" id="RefAssociation_Bidirectional"/>
    </group>

</palette>

8. Special attributes of attribute element in palette

8.1. ref-to-view

ref-to-view specifies an id of SVG element in the graphical representation of a component. If this attribute is set, the property will manipulate the graphical representation at run-time, for example, changing the color or rendering text. Depending on the property’s type you can reference different types of SVG elements as show below.

ref-to-view="text_name" (for text)
ref-to-view="fill_el" (for color)

<attribute id="name"   value="" category="common"  type="SimpleText" ref-to-view="text_name"/>

8.2. filter

The filter attribute is applicable only for TreeView type and is used to filter the nodes displayed in the tree view.

edoras vis supports following filters :

mod is used for Processes
xfm is used for Forms

<attribute id="form_entry" title="FormRef" type="TreeView" value="" description="Form referenced by Form Task." filter="xfm" optional="false" readonly="true" />

8.3. fill

fill is an optional attribute applicable only for Color type. If fill attribute is set to true the background color of a shape can be set.

8.4. multilanguage

multilanguage is an optional attribute used to show or hide the language specific attributes for a given attribute in the property window.

8.5. runtime and runtime-value

runtime is an optional attribute used to show or hide runtime-value of an attribute in the property window of the editor.

<attribute id ="description" runtime-value="" runtime="true" multilanguage="true"> </attribute>

8.6. wrapLines

wrapLines is an optional attribute used to customize attributes of type String.

If wrapLines is set to false, the text field shown will be of single line.

If wrapLines is set to true, the text field shown will be of multi line.

8.7. items

items can be used as a child element of the attribute element of type ComboBox. This is used to define the list of values for the combobox.

<attribute id="behavior" type="ComboBox" category= "edoras"  index="3" title="behavior">
    <items>
        <item id="none" title="none" value="none" />
        <item id="all" title="all" value="all" />
        <item id="one" title="one" value="one" />
        <item id="complex" title="complex" value="complex" />
    </items>
</attribute>

8.8. complex-items

complex-items can be used as child element of attribute element if the attribute is of one of the following types:

Complex
ComplexForm

complex-items element can contain one or more complex-item elements.

Table 62. Attributes supported by the **complex-item** element
Name	Mandatory	Description
id	true	Id of the complex-item
name	false	Title of the complex-item
value	false	Value of the complex-item
type	false	Type of the complex-item, It can only support following types: SimpleText TextArea ComboBox RestComboBox Boolean Integer Float Date ComplexDate Color Link TextEditor RichText TreeView
value	false	Used for validating values, Following are the supported vtype values: singleEmail emailList expressionOrEmail expressionOrEmailList
width	false	Width of the complex-item
optional	false	Used to make the complex-item optional or otherwise

<attribute id="email" title="Email Properties" type="ComplexForm" description="Email properties" value="">
    <complex-items>
        <complex-item id="from" name="From" type="SimpleText" value="" width="250" vtype="expressionOrEmail" optional="false" />
        <complex-item id="to" name="To" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" optional="false" />
        <complex-item id="cc" name="Cc" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" />
        <complex-item id="bcc" name="Bcc" type="SimpleText" value="" width="250" vtype="expressionOrEmailList" />
        <complex-item id="subject" name="Subject" type="SimpleText" value="" width="250" />
        <complex-item id="html" name="Html" type="RichText" value="" width="250" />
    </complex-items>
</attribute>

8.9. Depenedency

dependency can be used as a child element of the attribute element. This is used to make attribute visible/hide based on another attribute value.

<attribute id="thumbnail-max-height" type="SimpleText" title="Thumbnail Maximum Height" value="" >
    <dependency ref="preview" value="thumbnail" />
</attribute>

9. SVG view features

9.1. oryx:magnet

With oryx:magnet you can define special points on a node where you can dock other nodes or edges to connect them.

You can connect a docker to any point on a node, but magnets help the user creating nicer looking models. If you do not define a magnet for a node, it will a have default magnet in the center. Magnets are specified with 'magnet' elements, for example:

<oryx:magnets>
    <oryx:magnet oryx:cx="1" oryx:cy="20" oryx:anchors="left" />
    <oryx:magnet oryx:cx="1" oryx:cy="40" oryx:anchors="left" />
    <oryx:magnet oryx:cx="1" oryx:cy="60" oryx:anchors="left" />

    <oryx:magnet oryx:cx="25" oryx:cy="79" oryx:anchors="bottom" />
    <oryx:magnet oryx:cx="50" oryx:cy="79" oryx:anchors="bottom" />
    <oryx:magnet oryx:cx="75" oryx:cy="79" oryx:anchors="bottom" />

    <oryx:magnet oryx:cx="99" oryx:cy="20" oryx:anchors="right" />
    <oryx:magnet oryx:cx="99" oryx:cy="40" oryx:anchors="right" />
    <oryx:magnet oryx:cx="99" oryx:cy="60" oryx:anchors="right" />

    <oryx:magnet oryx:cx="25" oryx:cy="1" oryx:anchors="top" />
    <oryx:magnet oryx:cx="50" oryx:cy="1" oryx:anchors="top" />
    <oryx:magnet oryx:cx="75" oryx:cy="1" oryx:anchors="top" />

    <oryx:magnet oryx:cx="50" oryx:cy="40" oryx:default="yes" />
  </oryx:magnets>

The oryx:magnets element is a direct child of the svg element.

The magnets are shown as small light red circles light_magnet

9.2. oryx:docker

dockers are the other part of the dockers-magnets concept. A docker is a control object to connect an edge to a node or in this case to connect two nodes. A node can have at most one docker that can be defined by using a docker element:

<oryx:docker oryx:cx="16" oryx:cy="16" />

A docker is shown as a small green circle green_docker

A docker element needs only position information. Docking nodes on nodes can be used as a shortcut for connecting two nodes with an edge. In this figure, the rectangular shape is the source and the circular shape is the target.

9.3. Text

Text is rendered with SVG text elements.

<text
       font-size="12"
       id="text_name"
       x="50"
       y="40"
       oryx:align="middle center"
       oryx:fittoelem="text_frame"
       stroke="black">
</text>

Oryx extends these element with attributes for the alignment and the rotation of the text. The alignment uses the specified coordinates (attributes x and y) as the reference point. A value of middle center means that the horizontal center and vertical middle point of the text will be positioned on the reference point.

Note	If you want to set the text element’s value using a property, you have to set the id of the text element by using ref-to-view attribute in custom palette.

<attribute id="name"   value="" category="common"  type="RichText" ref-to-view="text_name"/>

9.4. oryx:minimumSize

Value: float float
Initial: 1 1
Optional: yes
Applies to: SVG elements

minimumSize defines the minimum size the node can be resized to, if the node is resizable. The first value defines the minimum width, the second the minimum height.

<g pointer-events="fill" oryx:minimumSize="200 80" >

9.5. oryx:maximumSize

Value: float float
Initial: -
Optional: yes
Applies to: SVG elements

maximumSize defines the maximum size the node can be resized to, if the node is resizable. The first value defines the maximum width, the second the maximum height.

<g pointer-events="fill" oryx:minimumSize="80 60" oryx:maximumSize="200 160" >

10. Designer Usability hints

The designer provides various usability hints.

10.1. Alignment of shapes

Using Middle shape_align_middle and Center shape_align_center toolbar buttons we can align shapes horizontally or vertically.

Click the link to see demo.

10.2. Resizing of shapes to same size

Using Same size shape_align_size toolbar button we can resize all selected shapes to the same size.

Click the link to see demo.

10.3. Auto layout of connectors in process designer

Using Auto Layout shape_auto_align toolbar button we can auto layout the connectors (sequence flows) in the process diagram.

10.4. Creating dockers and removing dockers

We can create and remove dockers in 2 ways:

By using Add Docker and Delete Docker toolbar buttons
By using mouse pointer directly on connecting shapes.

Click the link to see demo.

10.5. Changing the position of shapes

Using Change the position of shapes shape_translate toolbar button we can move the shapes horizontally or vertically.

Click the link to see demo.

10.6. Transform shape

Using Transform shape feature we can transform a shape to another type belonging to same group.

Click the link to see demo.

10.7. Validating a process

Using Validate Process checker_syntax toolbar button we can find if there are any errors in the process.

Click the link to see demo.

10.8. Deleting of shapes

Using Delete all selected shapes cross toolbar button we can delete all selected shapes. We can also delete selected shapes using Del key.

Click the link to see demo.

10.9. View preview in form designer

Using View preview edorasform_preview toolbar button we can view preview of the form.

10.10. Import BPMN 2.0 XML in process designer

Using Import BPMN 2.0 XML import toolbar button we can import process from a BPMN 2.0 XML into the process diagram.

10.11. Export/Import localization text

Export/Import localization text epc_export toolbar button supports exporting of all localized texts for a given model and importing of modified localized texts into the given model.

10.12. Compare revisions

Compare revisions compare toolbar button can be used to compare the revisions of the model to view the changes done between revisions.

10.13. Drop shape on connectors / remove shape from connector

When we drop a new shape on a connector which is already connecting 2 other shapes, the connector automatically splits to accomodate the new shape.

Similarly, if we delete a shape which is already connected to two other shapes, the connectors automatically rejoin.

Click the link to see demo.

We can quickly add and connect shapes to existing shapes using the quick shape menu.

Click the link to see demo.

10.15. Editing shape property in process/from designer

We can directly edit some of the shape properties like name in the process editor, and label, description and value in the form editor.

Click the link to see demo.

10.16. Using label expression in process designer

We can define a custom label expression for shapes, so that corresponding values are displayed as label on the shapes

Click the link to see demo.

10.17. Resizing of shapes using mouse

Using mouse pointer, we can resize the shapes.

Click the link to see demo.

11. Expressions

edoras one can evaluate expressions in both the frontend (i.e. in the browser) and in the backend (i.e. in the server). Expressions can be used in a number of ways in the edoras one application, for example:

to create a binding between a form field and work object data
to modify the state of form fields dynamically in response to user input (e.g. field visibility)
to populate a mail template before the mail is sent
to control the execution flow in a process execution
to execute method calls on the server
…

11.1. Frontend expressions

11.1.1. Form binding expressions

Forms are used to display and edit the data of underlying work objects. The work object data and the form definition are fetched from the server, and the expressions used within the form definition are then used to link the form fields with corresponding data. For editable fields, any changes made are reflected in the underlying work object data, which is sent back to the server to be persisted when the form is submitted:

Form data binding expressions are placed between two sets of curly braces, e.g. {{expression}}, and are set using a form field’s Value attribute:

Tip

The Value attribute of most form fields may only be bound to a single expression, and this may not be preceded or followed by other text.

The only exception to this rule is the output field, which doesn’t bind to a single value, but instead uses form expressions embedded within a rich text template to create dynamic textual output.

Simple variable bindings

A simple value name in double curly braces (e.g. {{value}}) is used to link to the corresponding variable in the current work object. If the work object variable doesn’t exist when the form is opened then it will be created automatically.

Bindings to other work objects

A work object in edoras one is typically part of a hierarchy, where work objects are linked together in a tree of parent/child relationships. For example a case typically serves as a container for other work objects (tasks, running processes, documents etc.). Form binding expressions can also be used to access the values from related work objects in the work object hierarchy. This is done be preceding the variable to be accessed by a qualifier (e.g. {{root.value}}):

The following qualifier keywords are currently supported:

parent	the parent of the current work item
root	the root of the current work item hierarchy
self	the current work item
$this	the current work item deprecated: use self instead

As an example, if we start a process within a case then the process’s parent work object will be the case. A form task created by that process will have the process work object as its parent:

Figure 44. Example work object hierarchy

In this case {{root.name}} will bind to "Example case", {{parent.name}} will bind to "Example process" and {{name}} will bind to "Example task".

11.1.2. Formatting dates in frontend expressions

When not being used to create a binding between a form field and a work item attribute (e.g. when used in the output form component), frontend expression that resolve into a date can have an additional format string that defines how the date is formatted. To do so append the format string to the binding expression, for example:

{{anyBoundDate | date:'MMM/dd/yyyy'}}
{{anyBoundDate | date:'dd-MM-yyyy'}}

If no format string is explicitly specified then yyyy-MM-dd is used.

The following tokens are allowed:

Token

Description

yyyy

4 digit representation of year, e.g. 0001, 2010

2 digit representation of year, padded (00-99), e.g. 01, 10

MMMM

month name long (always in English): January-December

MMM

month name short (always in English): Jan-Dec

month of year (two digit): 01-12

month of year (no leading zero): 1-12

day of month (two digit): 01-31

day of month (no leading zero): 1-31

EEEE

day name long (always in English): Sunday-Saturday

EEE

day name short (always in English): Sun-Sat

The format string can contain literal values which need to be quoted with single quotes. Make sure that you escape the single quotes that denote a literal value. In order to output a single quote, use two single quotes in a sequence:

{{anyBoundDate | date: '\'day\' d \'of\' MMMM \'in the year\' yyyy'}}
{{anyBoundDate | date: '\'Today it\'\'s\' dd/MM/yyyy'}}

It’s also possible to use the age filter in order to calculate the elapsed time from provided date until current date. The elapsed time can be calculate in ages or days.

{{anyBoundDate | age}}
{{anyBoundDate | age: 'd'}}

11.1.3. More complex frontend expressions

When not being used to create a binding between a form field and a work object attribute, that is when not setting value property on most of the components, we can use more complex expressions like arithmetic or logic operations.

You can use this kind of expressions in runtime properties (like Editable(RT) or Visible(RT) ), query, default, or in the value of the output text.

Arithmetic operations

{{ (number1 + number2) * number3 }}
{{ number1 / number2 }}

Text concatenation

{{ text + ‘_end’ }}

Logic operations

{{ (boolean && otherBoolean)  &&  ( text + _‘endText’ )}}

Assignment operation: This will create a variable in the data model of the form. For example, in the example bellow if you use this expression in an output text, the variable modelValue will be saved, the result of the expression would the the result of the operation after the =.

{{ modelValue = number1 + number2 }}

Subform with multiple elements special expression keys: When we use subform or multi type subform with multiple elements we can make use of some special expressions:

Key

Result type

Description

$index

number

iterator offset of the repeated element (0..length-1)

$first

boolean

true if the repeated element is first

$middle

boolean

true if the repeated element is between the first and last

$last

boolean

true if the repeated element is last

$even

boolean

true if the position $index is even

$odd

boolean

true if the position $index is odd

We can, for example, retrieve the value of the previous item, having a subform with "mySub" value, the last item would be {{muSub[$index-1]}}

Accessing arrays: Some components saves an array of items (Search button , Autocomplete with multitag, subform with miltiple elements, etc.)

You can access the value of an element through an expression model, for example, having a search button with {{myResult}} value, and a number component with {{myIndex}}. You can use an expression like {{myResult[myIndex]}} to retrieve an item of the array.

11.2. Backend Expressions

Expressions can also be executed on the server, for example within the process models. Server-side expressions are called backend expressions. A much wider range of expressions is possible than in frontend expressions the expressions may also have side-effects within the system (for example causing an e-mail to be sent). As well as accessing data from the work object hierarchy, backend expressions support additional functionality such as accessing work objects outside of the immediate hierarchy, predefined function calls and bean method calls.

There are two basic expression types:

value expressions: have the form #{value.property} and resolve to a value
method expressions: have the form #{bean.method(value)} and result in a method invocation

Tip	The full backend expression language is part of the EE6 specification and only an brief overview will be provided here. For a full description of the expression language syntax please refer to the EE6 specification.

11.2.1. Accessing work objects

As in the frontend, qualifiers can be used to traverse the work object hierarchy, although there are more options available in backend expressions. qualifiers can also be chained (e.g. #{process.parent.name}):

The following qualifier keywords are currently supported:

self: the current work item (the default if no work object is explicitly specified)
case: the case to which the current work object belongs
parentCase: the nearest parent case to which the current work object belongs
process: the top-most parent process to which the current work object belongs
parentProcess: the nearest parent process to which the current work object belongs
root: the root of the current work object hierarchy
parent: the direct parent of the current work object

11.2.2. Backend attribute values

Simple attribute names can be used to access work object attributes in backend expressions in the same way as in frontend expressions (see Frontend expressions).

To access attributes, simply use the attribute name: #{case.name}

Tip

One significant difference between frontend expressions and backend expressions is that the work object attributes accessible in the frontend may have been pre-processed by the server so that the attribute values are in a form that makes more sense in the client’s context. With backend expressions this processing is not performed so you will be working with raw work attributes.

As an example, state is represented in a work object by an instance of the State class. In the frontend , the expression {{state}} will be bound to the name field of this object (e.g. "ACTIVE"). The conversion from a State object to the state name string has already been performed by the server.

The corresponding process binding, #{state} resolves to the underlying State object, which if it is used in a string context will be converted to a string literal, e.g. "[State@51d838d9 name = \'ACTIVE']". To access the plain name ("ACTIVE") we can use a java bean property expression: #{state.name}.

For a description of common work object attributes, refer to Common attributes.

11.2.3. Automatic work object ID conversion

Work objects are referenced using IDs, and in a backend expressions it is often useful to access not the ID itself but the referenced work object. To support this use case, an expression that resolves to a work object ID will automatically be converted to the corresponding work object instance as needed.

For example the expression #{ownerId} will resolve to the owner ID, but if we then extend the expression (e.g. #{ownerId.name} then the ID will be converted to the corresponding work object, and the name attribute from this work object will be returned.

As access to other work objects linked from a work object using IDs is so common there are also some shortcut expressions to access this information directly:

Table 63. Predefined work object expressions
Expression	Type	Description
#{owner}	User work object	the work object’s owner
#{assignee}	User work object	the work object’s assignee
#{initialAssignee}	User work object	the work object’s initial assignee
#{previousAssignee}	User work object	the work object’s previous assignee
#{candidateUsers}	List of user work object	the work object’s candidate user list

11.2.4. Resolving hierarchy variables

A major difference between frontend expressions and backend expressions is the visibility of work object variables within the work object hierarchy. With frontend expressions, accessing parent or root variables requires explicit use of the appropriate qualifier (e.g. parent.attribute).

With backend expressions, however, this is not always required. In the server, variables from parent work objects in the hierarchy are also visible in the child work objects. If a parent and child both have variables with the same name then only the child variable will be visible in the child work object.

For example, take the following work object hierarchy:

If we are resolving variables in the task context, then the expression #{case.message} will resolve to "Case message".

The expression #{process.message} will also resolve to "Case message" the process work object will inherit the message value from its parent (the case).

The expression #{message} will resolve to "Task message", however, as the variable inherited from the case has been hidden by a more local value.

11.2.5. Bean resolution

Backend expressions can also be used to access java beans, either to make method calls (#{beanName.method()}) or to access bean properties (#{beanName.property}).

For security reasons it is obviously not a good idea to allow access to all beans within the server, and so edoras one only allows access to a specific set of approved bean names.

11.2.6. Predefined functions

Backend expressions also support a number of predefined functions. As with bean resolution, the functions provided by a given edoras one installation can be configured, so the list of available functions may vary from system to system.

The following functions are provided by default:

now(): returns the current date and time
formatDate(Date date, String pattern): returns the provided date formatted according to the provided pattern. When input parameters are null or empty throws IllegalArgumentException.
formatDateNullSafe(Date date, String pattern): returns the provided date formatted according to the provided pattern. When input parameters are null or empty returns empty string.
formatType(Type type, boolean lowerCase): returns the provided type formatted as a String. When type input parameter is null throws IllegalArgumentException.
anyOf(Boolean... operands): returns true if any of the provided booleans is true, false otherwise
allOf(Boolean... operands): returns true if all of the provided operands are true, false otherwise
concatenateListWithList(List<T> base, List<T> toAppend): returns a list that is the concatenation of the given two lists
concatenateListWithElements(List<T> base, T... toAppend): returns a list that is the concatenation of the given lists and the given elements
extractValuesFromCollectionOfMaps(Collection<Map<String, T>> maps, String mapKey, boolean skipNullValues): returns a collection of map values for the given key from the given collection of maps

11.2.7. Identity Manager bean

The predefined bean #{identityManager} provides functions related with the group management.

The available functions of this bean are:

getUsersOfGroup(GroupId): returns the list of users of a given group.
getUsersOfGroups(Collection<GroupId>): returns the list of users of a collection of groups.
isUserInGroup(UserId userId, GroupId groupId): returns a boolean which value is true if the given user belongs to a given group.

11.3. Common attributes

11.3.1. Work object attributes

A number of predefined attributes are available on every work object:

Table 64. Predefined work object attributes
Expression	Type	Description
name	String	the work object’s name
description	String	the work object’s description
state	String	the work object’s state
type	String	the work object’s type
ownerId	User ID	the work object’s owner
assigneeId	User ID	the work object’s assignee
candidateUserIds	List of group IDs	the work object’s candidate users
candidateGroupIds	List of group IDs	the work object’s candidate groups
creationTime	Date	the work object’s creation time
updateTime	Date	the work object’s last update time
dueTime	Date	the work object’s last due time
priority	Number	the work object’s priority

11.3.2. User attributes

The following attributes are defined in user work objects:

Table 65. Predefined user attributes
Expression	Type	Description
login	String	the user’s login name
name	String	the user’s display name (full name)
firstName	String	the user’s first name
lastName	String	the user’s surname
address	String	the user’s address
phone	String	the user’s telephone number
mobile	String	the user’s mobile telephone number
email	String	the user’s email address
language	String	the user’s language
homeUrl	String	the user’s home URL
notes	String	the user’s profile notes
memberGroups	List of group IDs	the groups ids which the user belongs to

12. Localization

edoras one supports five languages: English, German, French, Spanish and Italian. When modelling is possible to define different languages for tasks, forms components, cases, etc.

In this section you can find how to localize your application models.

12.1. Localize applications models

In order to set the supported languages of the application model, firstly they should be defined in the 'Browse' view. There you can set a primary language and various secondary languages.

If your language is not maintained in a particular App model, it defaults to the primary language defined.

12.2. Localize case models

In order to localize the cases, the modeller should navigate to the 'Browse' view and click in 'Localize' action button. The name and description of the case can be set in the languages defined in the application model.

12.3. Localize process models

In order to localize the processes, the modeller should navigate to the 'Browse' view and click in 'Localize' action button. The name and description of the process can be set in the languages defined in the application model.

12.4. Localization in VIS

There are some attributes of VIS elements which can be also localized, for example the labels or the task names can be set in the languages defined in the corresponding App model. To see the localized attributes in the attributes panel, the language must be selected at the top-right of the panel. A list with the application model languages will be displayed:

When a language is selected, a new attribute for each attribute which can be localized will be added in the attributes list:

Moreover the design and preview form will be displayed in the language selected in the menu.

13. Glossary

app: an app is a container for a collection of models that define a specific workflow.
backend expression: a backend expression will be evaluated in the server, for example to populate a mail template before it is sent.
dashboard: a page in the edoras one application where work objects can be found, displayed and manipulated. Each dashboard manages related work object types that play a given role within the system.
definition: when a model is deployed, a definition is created in the system. Definitions describe the behaviour of the system as seen by a normal user.
deployment: the process of converting the models into definitions to create an executable workflow.
document placeholder: a backend expression identified by a key in a document model. Used to insert dynamic content into documents.
expression: an expression can be used to access content or trigger specific behaviour at runtime. Two types of expressions are used: frontend expressions and backend expressions.
form: a form is a graphical layout of fields that may be bound to work object data to allow this data to be displayed or modified within the edoras one application.
form component: a form component is a type of form field, e.g. text form component, date form component, number form component. The form field represents the single element on the form whereas the form component represents the type of these single elements. As such the form component defines the look and behaviour of the corresponding form fields.
form field: a form field is a single element on a form. The user interacts with the form field, most of them are interactive but some of them are read-only.
form field part: a form field is composed of different graphical parts: a label, a control, a description, a required indicator. The user interacts with the control part only.
frontend expression: a frontend expression will be evaluated in the browser, for example to bind form fields to work object data.
model: a description of a workflow component which can be deployed together with other models to create a executable workflow in edoras one
process: a process is a workflow definition, described using a BPMN 2.0 model and executed within edoras one. It typically defines the automated and manual tasks that must be performed to complete the workflow.
system app: a special App that can only be seen by the administrator. It contains the models that are required for the correct operation of edoras one.
task: a task is a single action within a workflow, and may be either automated (a service task) or manual (a user task).
work object: an item that can be created or manipulated in edoras one. Different types of work object are supported. The work object types are typically grouped according to their role within the system and accessed through dashboards.

edoras one Modeler Guide

1. Modeler Overview

1.1. App Models

1.2. edoras vis

2. Model types

2.1. Form model

2.2. Task model

2.3. Document model

2.3.1. Skeleton documents

2.3.2. Placeholder expressions

2.3.3. Referencing placeholders from a Microsoft Word document

2.3.4. Referencing placeholders from an Adobe PDF document

2.3.5. Microsoft Word Mailing support

2.4. Process model

2.5. Case model

2.6. Mail model

3. Working with models

3.1. Accessing the modeler dashboard

3.2. Importing App models

3.3. Models state

3.4. Deploying an App model

3.5. Moving models between App models

3.6. Duplicating App models

3.7. Sharing models

3.8. The System App

4. Actions

5. Form palette

5.1. Concepts

5.1.1. Form layout

5.1.2. Field layout

5.1.3. Field alignment

5.1.4. Binding

5.2. Common attributes

5.3. Validation attributes

5.4. Text form components

5.4.1. Text attributes

5.4.2. Text area attributes

5.4.3. Rich text area attributes

5.4.4. Password attributes

5.4.5. Number attributes

5.4.6. Date attributes

5.5. Select form components

5.5.1. Checkbox attributes

5.5.2. Radio button group attributes

5.5.3. REST autocomplete select attributes

5.5.4. Autocomplete select attributes

5.5.5. Static autocomplete select attributes

5.5.6. Static select attributes

5.6. Read only form components

5.6.1. Output text area attributes

5.6.2. REST list attributes

5.6.3. List attributes

5.6.4. Image attributes

5.6.5. Link attributes

5.6.6. Create Link attributes

5.6.7. Search Link attributes

5.6.8. Search Count Link attributes

5.6.9. REST search count link attributes

5.6.10. Button attributes

5.6.11. Create Button attributes

5.6.12. Inline Iframe attributes

5.6.13. Pdf preview attributes

5.6.14. Button group attributes

5.6.15. Horizontal line attributes

5.7. Executable form components

5.7.1. Dynamic Link Button attributes

5.7.2. Search button attributes

5.7.3. REST button attributes

5.7.4. Script button attributes

5.7.5. Selection script button attributes

5.8. Nesting form components

5.8.1. Single-type subform attributes

5.8.2. Multi-type subform attributes

5.9. Attachment form component

6. Process Palette

6.1. Events

6.1.1. Start Event

6.1.2. Message start event

6.1.3. Error start event

6.1.4. Timer start event