# Issues structuring elements in elements tree

**URL:** <https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958>\
**Category:** Ask us anything\
**Created:** [March 2, 2023, 10:40pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958 "2023-03-02T22:40:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [March 2, 2023, 10:40pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/1 "2023-03-02T22:40:09Z")

</div>

Hi there,

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.

Can anya shed a light on this?

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [March 7, 2023, 7:04pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/2 "2023-03-07T19:04:11Z")

</div>

When you [bind a collection list to a container](https://docs.weweb.io/binding-filtering/binding-concept.html#binding-an-array-of-data), 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).

Does that help?

---

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [March 7, 2023, 9:16pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/3 "2023-03-07T21:16:02Z")

</div>

yes thanks!

---

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [March 7, 2023, 10:12pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/4 "2023-03-07T22:12:27Z")

</div>

One follow up question.

I tried to do the following:

1. I have a filtered collection on my detail page, called selected\_activity with filters the collection down to only on result.
2. I bind this collection to a container element
3. 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.

Looking forward to a reply.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [March 8, 2023, 12:28pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/5 "2023-03-08T12:28:01Z")

</div>

I’m having trouble understanding the question with text only.

Would you mind recording a short video to walk us through what you’re trying to do?

---

<div class="post-metadata">

**Author:** ![FJP84](https://avatars.discourse-cdn.com/v4/letter/f/db5fbb/32.png) [@FJP84](https://community.weweb.io/u/FJP84)\
**Post date:** [March 8, 2023, 12:52pm UTC](https://community.weweb.io/t/issues-structuring-elements-in-elements-tree/1958/6 "2023-03-08T12:52:20Z")

</div>

I will prepare something. Thanks
