Global elements - setting an element that, when changed, is changed everywhere

Hello!

In most tools we can set components/elements to apply everywhere if changed. The example here would be a navigation where if you add an item, all pages show that new item without the need to add the item to the nav bar for each page.

This is different than applying a Style.

Is this possible? If so, where do I managed such controls?

Hi,

This is possible right now. You have to go to to multi-page section:

and you can reuse the part of a chosen page as a copy or as an instance. When you are using an instance changing one of them will change all of’em (Navigation for example).

Cheers.

Seems to only work for sections? Seems very tricky with a side nav, like this where the body lives within that section yet the content in the “Body - div” is unique.

Screen Shot 2023-11-20 at 5.59.30 PM

In WeWeb it’s called Reusable Components, and this feature is coming to production in the upcoming month/two. Either by the end of the year, or in the early Q1 2024 from what I’ve understood so far.

2 Likes

Ah, that’s more of what I’m looking for here. Perhaps I’ll just continue as I have and switch to those “reusable” components/items when possible.

What you can do, if you have many repeating fields, is that you can bind them and display them based on a condition. This way you edit one in the loop, and being bound, they all change. It’s limited to the Bind instance though, so it’s pretty local.