As you can see there is a serach input in the header
and in the body a repeating group to search the content.
However since this app has several menu items (and this repeating group is one of them) I would like to make it a reusable element so I can configure each item separately and to decrease the load of the editor.
However by doing so it is difficult to be able to search from the header (in the page) using the search input in the reusable repeating group.
Does anybody know how to search items inside a reusable from the outside world?
Expose the values in the repeating group as a custom state or the new parameter/attributes feature (sorry don’t recall what they named it, but we can now expose more values via a reusable than just the content type and it’s great feature), then on the page that you place the reusable, the header you place on the page reference the value set.
However, you are likely using the header as a reusable element as well, so the above won’t work as the reusable element that contains the repeating group will not be in the reusable header with the search.
Not a way to do it that I can think of without making it so the search bar is not in a reusable element of it’s own without using a plugin. There is a free plugin that allows you to pass values between reusable elements. Satellite (reusable element addon) Plugin | Bubble
I have just seen this “property” feature in the reusable will take a look!
Problem with satellite plugin is that it makes the search a bit slow (already tested it) and actually i am looking for more “instant” response feature.