Proud to share a small but helpful plugin to send data and trigger events from reusable elements and repeating group cells to the “outside world”!
Features
Send anything from inside a reusable element or a RG cell.
Use conditionals such as “when hovered” to trigger the sending of data / triggering an event on the main page!
The reusable element can be within a repeating group.
There are two elements, both are non-visible in run mode.
The “Sender” sits inside the reusable element / RG cell and provides a new workflow option “Publish value” which lets you send a value / thing outside to the “Receiver” element. The Sender can also run in “conditional mode” which lets you trigger the sending of data when a condition is true such as a RG cell being hovered (see demo for setup).
The “Receiver” sits outside of the reusable element. This provides a state called “received thing” to access what was sent from the reusable element. It also provides a “When Updated” event to allow you to trigger other workflows.
Note, the “Receiver” element cannot be placed inside a repeating group.
Yes that should work. E.g. the “sender” is placed within a nested RG, and the “receiver” is placed outside all RGs. Could you share some screenshots if this is not working please.
Hey @robhblake thanks for making this - takes using reusable elements to a new level.
I’m getting this error message suddenly - TypeError: cannot set property ‘a’ of undefined. It also seems to be lagging, I started changing the ID in case it was an issue with the id I used (I only tried a1, A and a on both sides) but the error message shows me the id I used a few tries ago in case that adds any context. Any help would be appreciated!
Thanks for trying it out, glad you’re finding it helpful.
Seems odd. Could you try deleting the element and putting a new one on the page? If that doesn’t work would you mind DMing me some screenshots of your setup showing both elements and I’ll take a look.
Thanks for your message. The issue is that you have the receiver inside the popup. The receiver actually needs to be on the page . This is since Bubble does not included the items in the popup in the DOM until the popup is shown, hence you get the error that the ID is not defined.
If you cut the receiver and paste it somewhere on your page that should work
I have a reusable element that contains a menu system that is used on several pages. The RE contains a GroupFocus … which contains a Repeating Group. I want to be able to detect when something in the RG is hovered and fire off a workflow.
I have tried putting the ‘receiver’ both on the page and in the Reusable Element, but it seems no data is transferred. Have I gone too far by embedding the ‘sender’ in a RG, inside a GroupFocus, inside a Reusable?
The plugin is working quite well but sometime we got unexpexcted and uneasy to uderstand plugin errors.
Here is one, it was working well few minutes ago and we didn’t change anything.
The plugin Communicator | SuperStack / action Publish value a Super Communicator Sender threw the following error: TypeError: Cannot set properties of undefined (setting 'a') at eval (PLUGIN_1617636751763x546780613340823550/Communicator---SuperStack-element_action--Super-Communicator-Sender-Publish-value-.js:3:87) at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/dde9e99b0c4183f9b58b70498dca59f8cd712302a3dfcd29d116cc62c733df28/xfalse/x15/run_debug.js:6:2301093 (please report this to the plugin author)