Reusable Element Back Button

aph · 2020-07-16T21:51:43.259Z

Hello, I have a back button in my one-page mobile app, using @gaurav’s EasyList feature.

Currently I have many back button elements that each execute the workflow “revert to previous list element” to go back to the previous page. I tried to change it into a reusable element, however I am not able to affect other elements or use workflows that I need. Is there a way to do this (ie. set state of another element outside of the reusable element), because without workflows, I have to create many element copies, which becomes inefficient. I’ve read the documentation and searched the forum, but have not found an answer yet.

Also, in this case would it make any difference to use a custom event and route it through that custom event if it’s just one workflow step? Is there any performance difference

Please let me know if there is a solution to this. Thank you.

SerPounce · 2020-07-16T22:02:04.491Z

You cannot set a state of an element outside of the RE. The way I get around this is to address things the other way round. While you can’t set a state outside of the RE, you can access the RE’s states from the page the RE is on.

So… I set up conditions on the page’s other elements based on the state within the RE and then just set the state of the RE accordingly via workflows within the RE.

aph · 2020-07-17T04:46:48.915Z

Right, however I am using a container element which does not have a workflow. And there is not a way for me to check when a reusable element is clicked.

It just seems that it would be much easier if there was a way to go outside of the scope or pass data from a reusable element to affect a custom state of another element

grace.hallak · 2020-07-17T04:57:01.183Z

I think this plugin can help

Bubble

Satellite (reusable element addon) Plugin for Bubble

Satellite (reusable element addon) Plugin page on Bubble. Add Satellite (reusable element addon) in one click to your app. Bubble lets you build web apps without any code.

aph · 2020-07-18T03:36:55.963Z

Thank you, looks like just what I need. I just hope that it won’t cause any side-effect performance issues

gaurav · 2020-07-29T22:46:32.199Z

Hi @aph,
Actually you can avoid any state etc. and make synced communication b/w reusables and pages using the Env variables (bdk) plugin. Recommend taking a look!

Cheers,
Gaurav

system · 2020-09-24T22:06:17.771Z

This topic was automatically closed after 70 days. New replies are no longer allowed.