I am trying to create a details page that is navigated to from a page with a dynamic collection (source: Google Sheets for the time being).
In general it works. I can pass the ID of a record as path variable and I can use that on the details page.
Unfortunately I am having issues structuring the detail page.
I have used the sidenav/header lay-out. With a section for the sidenav and a section for the header/content.
I tried to add a div/container as main container in the header/content section, with a
nested divs as header, body and footer. After that I bound the collection filtered by the url path variable to the main container.
But after that I noticed that I cant place additonal element in the root of the main container. I can only add elements in the child divs.
Furthermore when I bind the filtered collection to the main container, the child divs sort of disappear on the canvas, not being able to slect them and/or delete them.
When I unbind the collection, all the elements are visible and editable on the canvas again.
So what is best practice using data of the selected record from a previous overview page? Should I bind the filtered collection to a root element or should I bind the filtered collection more than on each seperate div that uses mapped content items as child elements, like heading, text, images etc.
When you bind a collection list to a container, the first child of that container will be repeated as many times as there are items in the list you bound to the parent container.
As a result, you won’t be able to add new elements in between the parent container (with the bound collection) and the child container (the repeated item).
I have a filtered collection on my detail page, called selected_activity with filters the collection down to only on result.
I bind this collection to a container element
I want to assign child elements in that container, like Heading, Text and Images to [item.data.[property_name]
No I noticed that some child elements can be assigned as described in step 3, using edit formula, but with some other child elements I am not able to open the ‘edit formula’ pane at all.
I have a workaround to not bind de filtered collection to the container element, but to assign each child element directly to the filtered collection like [selected_activity][data][0][property name]
Although this works, I unfortunately don’t understand why my setup isn’t working and why I cant open the Edit formula pane on several child elements when having the filtered collection linked to parent container element.