Forum Academy Marketplace Showcase Pricing Features

Reverse a reusable element?

We’ve made a few reusable elements in the app, but it’s making editing them cumbersome and want to reverse them back to normal elements. Is there anything I could do about it?

Select all elements in the Reusable element and ‘group them together’ then copy with workflows that group and then paste with workflows that group onto the page you need it.

Anytime I create a reusable element I first make a group that spans the entire reusable element so that if I want I can just copy and paste that group…same goes in the reverse direction. If I made something on page, I group all elements and then copy and paste the group into a reusable.

The idea of reusable elements is to actually make the editing of elements and/or workflows associated with them easier for anything you will be using across multiple places in your app…imagine having a reusable element you have on five pages and you edit just the one reusable and all of the places it is used it is changed…that would be easier than having to change each of the five separate elements on the five different pages.

@boston85719

You are right, reusable elements can make life easier, but sometimes they can be such a pain.

For example, I have used a header as a reusable element in my index page. Now, I would like the page to scroll to a certain position when I click on the menu option of the header. For example, if I click on Contact Us, I would like the page index to scroll all the way down to the group named Contact Us. Unfortunately, this behaviour is not achievable by using reusable elements since only the elements within the reusable elements are displayed in the scroll to workflow option.

Have you faced a similar situation in the past? If so, how did you deal with that? The only thing I was able to think of was to copy and paste the reusable element content on the index page as per your suggestion above.

Navigating to a certain position on the page after clicking on an element in a resuable is possible. Create a state on the reusable. Assign a value to the state based on the element which is clicked in the reusable. Lastly on the page where you want to scroll, use a workflow “do when condition is true”-event triggered by the value in the custom state ( together with the “scroll to”-action).

1 Like

I believe you are correct in the approach I would take being the approach I had mentioned. I also like the approach @gerbertdelangen mentioned.

Thank you both for your prompt help! :ok_hand: