Organize Key Data in a Structured Grid

The Key Information Section (Grid) is a data display element that lets you present essential information in a structured, grid format. This element is ideal for creating an organized overview of key data points, such as user details or status information, in data display modals.

Installation

1. Access the Element Studio:

   • In the Individual App Canvas, locate and hover over the modal where you want to add the Key Information Section (Grid) element.

   • Click Access Element Studio.

2. Add the Key Information Section (Grid):

   • Inside Element Studio, click Add New Block.

   • Use the search bar to find "Key Information Section (Grid)" and click on it to add it to the modal.

Configuring the Key Information Section (Grid)

1. Select Number of Columns:

   • Choose the number of columns for the grid display. You can select between 2, 3, or 4 columns based on the amount of data you need to display and the layout requirements.

2. Configure Grid Items:

   • For each item in the grid, select an Action Type from the available list (refer to screenshot for options):

     • Text Item

     • Audio Item

     • Date Item

     • Data Type

     • User Item

     • Status Item

   • Connect to a Matching Field: Once the action type is selected, link each item to a field in your data structure that matches the selected type and data.

The Key Information Section (Grid) provides a flexible, organized layout for displaying essential data points within your app, helping users quickly view and interpret key information in a clear, grid-based format.