Use IntelliWarpTM to create Web Screens to show (Show Screen) or edit (Edit Screen) records of a List Screen. Both the List Screen and the Edit Screen are created based on a Theme layout.

Creating Show and Edit Screens in a Web Flow

After creating a List Screen you're allowed to create the following:

1. A Show Screen to show records of the List Screen;

2. After creating a Show Screen, create an Edit Screen to add new records to the List Screen and edit a record shown in the Show Screen.

To edit records directly from the List Screen see the section below: Creating Show and Edit Screens in a List Screen.

1. Creating a Show Screen in a Web Flow

To create a Show Screen you must make sure you have the List Screen created for the Entity in the in the Web Flow.

Drag the Entity from the eSpace Tree and drop it on the Content Canvas of the Web Flow.

A new Web Screen for the Show Screen is added and connected in the Web Flow.

From the Show Screen layout defined in your Theme, a new Web Screen is created.

The following elements are designed for you:

• The page header with the application icon and name, an application switcher, user-related information, and log out link;

• Also in the header, a Menu web block with the application menu;

• The screen body filled in with:

• The page title;

• A Show Record widget with the entity attributes;

• On the right hand side: a placeholder to fill in with links to execute actions, and a built-in feature for the most recent items;

• The footer.

A link to the Show Screen is added to the List Screen.

2. Creating an Edit Screen in a Web Flow

To create an Edit Screen you must make sure you have the List Screen and the Show Screen created for the Entity in the Web Flow.

Drag the Entity from the eSpace Tree and drop it on the Content Canvas of the Web Flow.

A new Web Screen for the Edit Screen is added and connected in the Web Flow.

From the Edit Screen layout defined in your Theme, a new Web Screen is created.

The following elements are designed for you:

• A page header with the application icon and name, an application switcher, user-related information, and log out link;

• Also in the header, a Menu web block with the application menu;

• The screen body filled in with:

• The page title;

• An Edit Record widget with the entity attributes;

• A 'Save' button and a 'Cancel' link.

• On the right hand side: a placeholder to fill in with links to execute actions, and a built-in feature for the most recent items;

• A footer.

Two links to the Edit Screen are added to the List Screen: one to create new records and to edit the records.

Creating Show and Edit Screens in a List Screen

You're allowed to create the following screens in a List Screen:

1. A Show Screen to show records of the List Screen;

2. An Edit Screen to both add new records to the List Screen and edit records of the List Screen.

1. Creating a Show Screen in a List Screen

To create an Show Screen you must make sure you have the Show Screen layout defined in your Theme.

Proceed as follows:

1. Open the List Screen;

2. Right-click on an Expression in the Table Records widget;

3. Choose Link to a New '<Entity Name>_Show' Web Screen in the pop-up menu.

A new Web Screen for the Show Screen is added and connected in the Web Flow.

From the Show Screen layout defined in your Theme, a new Web Screen is created.

The following elements are designed for you:

• A page header with the application icon and name, an application switcher, user-related information, and log out link;

• Also in the header, a Menu web block with the application menu;

• The screen body filled in with:

• A page title;

• A Show Record widget with the entity attributes;

• On the right hand side: a placeholder to fill in with links to execute actions, and a built-in feature for the most recent items;

• A footer.

A link to the Show Screen is added to the List Screen.

2. Creating an Edit Screen in a List Screen

To create an Edit Screen you must make sure you have the Edit Screen layout defined in your Theme.

Proceed as follows:

1. Open the List Screen;

2. Right-click on an Expression in the Table Records widget;

3. Choose Link to a New '<Entity Name>_Edit' Web Screen in the pop-up menu.

A new Web Screen for the Edit Screen is added and connected in the Web Flow.

From the Edit Screen layout defined in your Theme, a new Web Screen is created.

The following elements are designed for you:

• A page header with the application icon and name, an application switcher, user-related information, and log out link;

• Also in the header, a Menu web block with the application menu;

• The screen body filled in with:

• The page title;

• An Edit Record widget with the entity attributes;

• A 'Save' button and a 'Cancel' link;

• On the right hand side: a placeholder to fill in with links to execute actions, and a built-in feature for the most recent items;

• A footer.

Two links to the Edit Screen are added to the List Screen: one to create new records and the other to edit each listed record.

If a Show Screen exists it is also updated with a link to the Edit Screen to edit the record.

What's Required for IntelliWarpTM to Work?

To generate Show or Edit Screens with IntelliWarpTM, the following is required:

• The entity must have the Id attribute and at least one more attribute (or related entity attribute) of Text data type;

• In case of an entity that is an entity reference, it must be exposed with its Expose Read Only property set to 'No';

• The element on the canvas has to be an Expression (for an entity attribute) inside a Table Records of a List Screen created by IntelliWarpTM;

• The eSpace must have a Theme with layouts for Show Screens and Edit Screens. Learn more About Themes.

What Can You Do Next?

Change the patterns created by IntelliWarpTM as, for example, remove lines of entity attributes you don't need, organize the disposition of the entity attributes, or set your own images in the 'Header' Web Block.

Continue designing from the current screen with IntelliWarpTM:

• Create Detail Lists for detail entities;

• Create a Delete Action to delete the record;

• Create Autocompletes to replace Drop Down widgets.

Any attribute you add to the entity can be dragged into the Edit/Show Record element, and that IntelliWarpTM automatically integrates it in the design of your application.

See Also

About IntelliWarp | About Themes