Manage nested configurations or data within a secondary modal interface.

The Modal Belonging to Parent Modal feature in Naologic is designed for applications that require multi-level user interactions. This secondary modal launches atop an existing "parent" modal, allowing users to handle a second tier of configurations or data without closing the main modal.

Installing the Modal Belonging to Parent Modal

1. Navigate to the Desired Project
   From the Builder Overview, locate and select the project where you want to install the nested modal.

2. Access the Individual App Canvas
   Within the selected project, hover over the desired app and click Access App Flow to open the app where you want to add the nested modal.

3. Open Add Elements
   Click the "+" button on the left side of the app canvas to open the Add Elements menu.

4. Search for Modal Belonging to Parent Modal
   Use the search bar to find "Modal Belonging to Parent Modal."

5. Drag and Drop to Install
   Drag and drop the nested modal onto the app canvas.

Setting Up the Modal Belonging to Parent Modal

1. Connect to a Data Document

   • After installing the nested modal, hover over it and click Edit.
   • In the Settings tab, select the appropriate Data Document that the modal will use to retrieve and display data. This ensures the nested modal is linked to the relevant dataset associated with the parent modal’s context.

2. Configure in Element Studio

   • Hover over the modal and click Access Element Studio.
   • Within Element Studio, add and configure the necessary elements (e.g., text fields, dropdowns, buttons) that will allow users to interact with the data fetched from the selected Data Document. Arrange and customize these elements based on the requirements for this secondary layer of interaction.

Setting up the Modal Belonging to Parent Modal provides an organized way to manage layered data interactions within your app. By linking it to the appropriate data document and configuring it with the necessary elements, you ensure users can handle secondary tasks directly within the parent modal, keeping workflows efficient and reducing the need for multiple screens.