Display Essential Information in a Structured, Two-Column Format

The Key Information Section element is a straightforward way to present important data points within a modal. Unlike its counterpart, the Key Information Section (Grid), this version maintains a fixed two-column layout, ensuring simplicity and uniformity in design. This element is perfect for showing summaries or concise data snippets that need to be clearly visible at a glance.

Installation

1. Access the Element Studio:

   • In the Individual App Canvas, locate and hover over the modal where you wish to add the Key Information Section.

   • Click Access Element Studio.

2. Add the Key Information Section:

   • Inside Element Studio, click Add New Block.

   • Use the search bar to find "Key Information Section."

   • Click on it to add the element to your modal.

Setup

Configure the Element:

1. Add a Title: Enter a title for the section to serve as the header, providing context for the displayed data.

2. Populate Items:

   • Name: For each data item, specify a label describing the type of data displayed (e.g., "User Name," "Date Created").

   • Action Type: Select an action type for each item. Available options include:

     • Text Item

     • Date Item

     • Data Type Item

     • User Item

     • Status Item

   • Expected Data Field: Choose the data field from the app’s data structure that will be connected to this item.

The Key Information Section is perfect for displaying concise, structured data in a modal, maintaining a clear and user-friendly design that supports quick data comprehension.