I080 – Object template

The responsive ui offers a template editor available thru the object configuration Template editor button. It is used to define :

• The exact place of the attribute on the screen
• But also the creation of a attribute (provided with user dialog)
• The creation of areas
• The template

It is recommended when creating an object by the wizard (see Create a business object) to create several areas in order to generate a specific template following an existing one (2 columns, 3 tabs …), and use the template editor to modify it.

Exercise:

Open the template that was generated following the creation of the AppClient object by clicking on Template Editor on the object definition

A template is defined by:

• A unique name
• An HTML form
• A module

HTML code is free:

• It may contain div, tables, text, resources, javascript code, etc.
• It must use css styles of the Disposition site (ex. area, workfield, workfieldarea …), it is this

It is recommended to use the browser debugger (F12) to see the styles on forms, otherwise you have to look at all the css styles of the disposition.

• It contains keywords (areas) that will be replaced dynamically.

Exercise:

Move the areas and tabs in the AppClient object to display one below the other:

• Tab containing: customer information, its address and its historic
• Tab containing his interests
• This is an HTML table of 2 lines
• The first contains the zones 1, 2 and the Historic tab as a tab
• The second: the tab of customer interests.

Use the   icon to move areas. Use the  icon to convert areas to tabs. *

You can view the result as a Template Preview. Otherwise you have to clear the cache of the object to check in real conditions.

Exercise:

Save your template and open an existing customer. Click on all tabs to check the field and lists.

Each area corresponds to a “field area” object:

• All the fields of an area are displayed by default in one column
• It is configurable to change:
• Object fields
• Buttons
• Panels : relationship of the object or object views
• Other field areas: recursion to put areas into areas

Reminder: the link of a field to an area is configured in the Object field tab of the business object.

Exercise:

Move the fields of the customer’s information area

• 2 columns
• Move also all transition button actions

Exercise:

• Change the action configuration
• Add a new field to the object