Elements Not Showing In Layout Tab

While working on weweb for the past week or so, i started noticing that element are not showing up in the layout of tab. Sometimes it shows and sometimes it doesnt. I can still interract with the elements in the view port and change properties but its not being recognized in the the layout tab. See example of my layout tab below. the header Div should have a few elements in it but its not showing there.

Anybody currently having this problem ?

image

Hi @ryan :wave:

That’s weird. Can you record a short video showing us what the Header container is bound to and what happens when you unbind it?

i went to record the video and it came back :sweat_smile:. This keeps happening :man_shrugging:
image

You was lucky, I lost the layout :grinning:. I noticed this issue after creating a component. I tried to avoid working with components but is impossible in a dynamic environment. Maybe it could work having a page with all the components printed, not just saved in the “components”.

1 Like

Notice how there’s no plug icon on your Header container in the second screenshot but there was one in your first screenshot.

I could be wrong but it looks to me like you bound data by mistake in the first screenshot which caused the elements in the layout to disappear.

If it happens again, don’t hesitate to record a video so we can get the full context of how things are built and investigate further.

Hi @andrei :wave:

I’m not sure I understand the issue you’re describing.

When you create a component and edit it, it’s completely normal that the layout of the page disappears because you are now inside the component so you will only see the layout of the component.

To revert back to the layout of the page, simply click on Back to instance.

See video: Layout in component

If that’s not what you mean and you’d like us to investigate, it would help a lot if you shared a video that explains how things are built, what you’re trying to achieve, and shows the undesired behavior.

As you can see from the image, the slide-person-navigation is open but empty, unlike the view where components exist and are visible but not selectable (useless). This issue is occurring within components. In my case, the component was lost because you cannot select anything from inside the empty wrapper.

I opened a ticket. The solution was to delete and build again :(.

Now I’m stuck with a performance issue. If this issue hasn’t a solution, I will have to renounce this beautiful project, which can significantly reduce the development period and has a verry good ideea behind.

I had the same issue. The elements were rendering on screen and the workflows, attached collections, etc. all working, but they wouldn’t show up in the layout tab.

After lots of tinkering, I solved the problem by duplicating the broken container.
The new duplicated container has all the elements inside and works flawlessly.

Layout Tab

image

Elements on screen

However, I’m still unsure what caused this issue in the first place.