# Getting Started

## Visualization in Lists

In the Visualization Lookup Values mask (System > Visualization) the Style Sheets and the Tree Table functionality can be defined.

### Stylesheets for Lists

The layout of all lists can be controlled by stylesheets that are stored in the repository, e.g. the layout of a special row (special feature), or a field can be changed to have a different background color, border, to display an icon in a field, modification of the font, etc. Thus, it is possible to create / modify stylesheets from within Agile e6.
In the Visualitzation Lookup Values mask (System > Visualization) stylesheets can be created / modified that apply to all lists. Stylesheet/s can also be assigned to a certain list only. This can be done either from within the mask (an additional tab has been added to the mask), or from the Visualitzation Lookup Values mask.

The following are default stylesheets:

- SYSTEM-DEFAULT
  (Configuration Parameter: EDB-CSS-SYSTEM) The System stylesheet can be used for all lists anywhere in the Agile e6 system, independent of the user. This stylesheet contains pre-setup styles.
- CUSTOMER-DEFAULT
  (Configuration Parameter: EDB-CSS-CUSTOMER) The Customer stylesheet can be defined from a certain customer and are valid in the customer system. The entries of this stylesheet overwrite and extend the system stylesheet.
- USER-DEFAULT
  The User stylesheet can be set to be used by a certain user only. The entries of this stylesheet overwrite and extend the system and customer stylesheet. The system default EDB-CSS has been set up to assign a user stylesheet to one special user. The value of the system default defines the name of the style that is defined in the Stylesheet tab of the Visualization Lookup Value mask (System > Visualization).

Every style can be max. 2000 character long.
Former customized stylesheets cannot be updated from Agile anymore. The customer will be responsible to add customized styles to new stylesheet manually.

By default, the stylesheet functionality is activated. If this functionality is not required, it can be deactivated in the EDB-CSS-ACTIVE configuration parameter.
These 3 stylesheets are always loaded to the system in the following order:

1. SYSTEM-DEFAULT
2. CUSTOMER-DEFAULT
3. EDB-CSS (content of assigned stylesheet. By default: USER-DEFAULT for Global user)

The following recommendations should be applied to avoid slow system performance:

- Keep styles as small as possible.
- Keep styles as specific as possible (styles should be assigned only to those masks where they are really needed.
- Use correct syntax regarding rules and conditions
- Use correct syntax for regular expressions
- It is not recommendet to use attribute conditions in row styles

Definition of Styles

### How to Create and Store a New Style

| Select System > Visualization. The Visualization Lookup Value mask is opened.
| Open the Stylesheet tab.
| To change to Insert mode click .
| Enter the name of the stylesheet in the Style Id field.
| Enter the style definition in the Definition field.
| To save the entry click .

### How to Assign a Style to a Specific Mask

| Open the Form Data mask of the desired list.
| Open the Style Assignment tab.
| To change to Insert mode click .
| In the Style Id field click . The Stylesheets mask is opened.
| In the Stylesheets mask select the desired style.
| Select Take entry from the context menu.
| The style can be assigned to a certain users only, and/or to the Global user. The same style can be assigned to different users.
| Enter a sequence number in the Sequence field.
| To save the entry click .
| The order the stylesheets are used depends on the Sequence number. The smallest number is used first. The following used stylesheets are adding or overwriting the previous used stylesheets.
| The name of the Style Id becomes a link that opens the Stylesheets mask where the styles definition can be edited.
| The make a style active for a list, the respective mask definition (Form Data mask) has to be reconfigered first!

### Tree Table

The Tree Table functionality is defined in the Visualization tab of the Visualization Lookup Values mask.

Further information can be found in the Tree Table document.