In SnapApp, embedding a view within another view can be a powerful way to enhance your application’s interactivity and user experience. This can be accomplished by using an iframe, which allows you to display the content of one view inside another seamlessly. By embedding a view inside an iframe, you can integrate different sections of your application without requiring users to navigate away from the current page. This approach is especially useful for creating dashboards, displaying content from other apps or external sources, or simply structuring your app’s layout in a more modular and dynamic way.

Table of Contents

• What is a View?
• How to Implement the View-in-a-View Concept in SnapApp?

What is a View?

A view organizes and presents data within an application, offering various perspectives and interactions to enhance user experience and facilitate efficient data management.

How to Implement the View-in-a-View Concept in SnapApp?

Note: The “View in a View” concept can be implemented in various ways within SnapApp, depending on how you wish to represent the data. Currently, this feature can be used only in Create and Form views. In this example, we will demonstrate how to implement a List View within a Create View. Please ensure that both the object and List View are created beforehand.

1. Navigate to Settings from the User menu of the top bar.
2. Tap on Objects from the Data menu of the left navigation bar.
3. Search for the previously created object and click on the Edit button to access the object form view.
4. Navigate to the Fields and Tap on +Add New button.

5. Create a new field of type Show. In the configuration, set the category to Rich Text. Insert an iframe element in the Show Rich Text section, ensuring that you include the URL of the List View. Finally, click Save .

   

6. After being redirected to the Object form view, Click on Preview Button to open the records in List view

   

7. Tap on +Add New button to open the Create View of the object.

   

8. Observe the Create View properly. The List View should be displayed along with the other fields.

Note: If the List View is not displayed, navigate to the view builder of this object, configure it, and add the Show field you recently created.

Thank you for following these steps to configure your SnapApp components effectively If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai