View Designer

View Designer Overview

The View Designer in Engyn allows you to customize how objects are displayed in specific contexts like tables and forms. This feature gives you the flexibility to tailor data presentation, ensuring that the information is displayed in the most user-friendly and relevant way.

View Types

Each view type is designed for specific contexts and cannot be used interchangeably:

• Plain Text: Displays data in a simplified, text-only format suitable for tables.

• Table Cell: Displays fields formatted specifically for cells in data tables.

• Card View: Creates a more detailed visual format used in forms to display comprehensive information.

You can create multiple views of each type for use across various forms or tables. This flexibility allows you to design tailored displays for different use cases.

Default View

Engyn includes a default view that serves as a fallback if any custom view elements fail to work. This default view’s elements cannot be modified, ensuring there’s always a reliable display available.

Actions

Add a View

1. Navigate to View Designer
   Open the View Designer and click the icon in the top left corner of the screen.

2. Add New View

   • Locate the desired view type and click the + button under the selected view type.

   • Select from the available layout variations for the chosen view type.

   • Click Select to add the new view.

3. Configure the view elements
   On the right sidebar, under Mappings, configure the elements for the view:

   • Set display values using:

     • Fixed Value: Displays static content.

     • Variable Mapping: Links dynamic data sources.

     • Text Template: Mixes static text with dynamic variables.

   • Customize font, case, and colors.

   • Toggle elements on or off to show only relevant information.

4. Customize View Name (Optional)

   • Assign a unique name to the view for easy identification.

5. Publish Changes

   • Click Publish to apply the changes across all forms or tables using this view.

Edit a View

1. Go to the View Designer and click the icon in the top left corner of the screen.

2. Select the view you want to edit.

3. Click the icon to change a different view layout or adjust any mapping and styling options in the right sidebar.

4. Once you’ve finished making changes, click Publish to apply your updates.

Delete a View

1. Go to the View Designer and click the icon in the top left corner of the screen.

2. Select the view you wish to delete.

3. Click the icon, then confirm by clicking OK.