Dynamic page from collection item

Create a dynamic page from an item in a collection.

Create a detailed page

Create the page to present your item in more details. You can create it wherever you want: on a new screen, in a linked state, in a Pop-up... 

To create the content of the view, we recommend using the Flexbox component. This component automatically adapts its layout according to its content and can display a scroll bar if needed.

Save the ID of the selected item

Most of the collection items contains a unique identifier. It allows us to identify each good plan (each line) uniquely and then to access it easily. To display the right data in the view, we will store this identifier in a variable. 
Go to the PandaSuite database
Create a new Text property. In our example, it has been named: selected_item

Click on Save and Go to Production
Select your list item within your collection and add an action: On Click > Interact with a component > Data Provider > Modify the data

Display data of the selected item

The By Id function allows you to retrieve an element from a given identifier. Use this function and the variable to access the data of the selected element from its unique identifier.
Select the text block and click on the Content data binding. 

Do the same with all the objects in the view.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.