Full Screen Modal for Data Display

View data in a customizable, full-screen format.

The Full Screen Modal for Data Display in Naologic allows users to display data in a read-only format. It is useful for viewing detailed information that was entered through create or edit modals, with options to customize the layout to fit specific needs.

Video Thumbnail

Installing the Full Screen Modal for Data Display

  1. Navigate to the Desired Project
    From the Builder Overview, locate and select the project where you want to install the 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 modal.

  3. Open Add Elements
    On the left side of the app canvas, click the “+” button to open the Add Elements navigation.

  4. Search for the Modal
    Use the search bar to look for Full Screen Modal for Data Display.

  5. Drag and Drop to Install
    Once you've located the modal, simply drag and drop it onto the app canvas screen. Give it a name and click Install Element.

  6. Setup the Modal
    Once the modal is installed, you need to link it to a Data Document so it can retrieve the necessary data. To do this, select the appropriate Data Document under Flow Document ID that you want to display in the modal. Click Save Changes.

  7. Configure the Modal
    Hover over the modal and click Access Element Studio. From there, you can start customizing how the data will be displayed.

The Full Screen Modal for Data Display allows you to present data in a clear, customizable format, enhancing the way users interact with information within your app. By carefully configuring the data sources and layout, you can create a polished and professional view that aligns with your design preferences.

Video Thumbnail
Did you find this page helpful?