# Workflow action on Hover

**URL:** <https://forum.bubble.io/t/workflow-action-on-hover/60505>\
**Category:** Idea\
**Created:** [June 29, 2019, 2:08pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505 "2019-06-29T14:08:12Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 2:08pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/1 "2019-06-29T14:08:13Z")

</div>

I read this post

> [@Change State Of Element On Hover Possible?](http://forum.bubble.io/t/change-state-of-element-on-hover-possible/14234/2):
>
> That is possible, I believe. Haven’t tested states but I have tested workflows in general: Edit: Discourse is breaking the href link to the editor, try copy pasting this minus quotes: "https://bubble.io/page?type=page&name=hover\_animate&id=sandboxthings&tab=tabs-1"

and it seems helpful for certain things, however it doesn’t work for all use cases.

For example, I have a repeating group that I want to have an element inside of the repeating group current cell to react to. So I have a group that is an overlay or shade for the image in the repeating group. I want there to be another overlay group that is hidden on page load that contains text etc to be displayed when the repeating group first overlay group is hovered.

The problem with the method linked to is that you can not select any element in the repeating group, only the entire repeating group itself, or other elements on the page.

I think it would be a great addition to bubble if we could have workflows that are triggered on a hover. I know there are a great number of things that would become much easier to accomplish if this feature was added.

@neerja is it possible to get this added?

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 2:13pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/2 "2019-06-29T14:13:11Z")

</div>

I just put the html element and the javascript to bubble element into the repeating group and this provides more options to control the elements in the repeating group, however it doesn’t give an option for current cells thing which makes the action not function.

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [June 29, 2019, 2:18pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/3 "2019-06-29T14:18:13Z")

</div>

Can you make recording for better context. I think is achieving what you want?  
https://fast.wistia.net/embed/iframe/j1fggwzsev  
If you saw the last post I made I had a problem but we have reusable element now and this plugins to get the data.

> [@\[New Plugin\] 'Env' Environment Variables](http://forum.bubble.io/t/new-plugin-env-environment-variables/41650):
>
> Hello Bubblers, Announcing a new extremely powerful plugin: [Env Environment Variables](https://www.notion.so/Bubble-Developer-Kit-3eb057d9d81d4176b1be678856c80faf#be6bbde5ee444a13ade861561338a594) Truly merges Javascript code with bubble Makes working with reusables a breeze Enables you to dramatically reduce workflows / conditionals by over 50% in tricky situations while also speeding up your app Added this to the [Bubble Developer Kit](https://www.notion.so/Bubble-Developer-Kit-3eb057d9d81d4176b1be678856c80faf#be6bbde5ee444a13ade861561338a594) smiley[Env Variables](https://bubble.io/plugin/'env'-environment-variables-_1540857498064x563539974936330200): This plugin allows you to create & use variables in bubble. You can Create any number of Env variables from any spot in the app Read any va…

> [@\[New Plugin\] bdk RepeatingGroup tools](http://forum.bubble.io/t/new-plugin-bdk-repeatinggroup-tools/43953):
>
> Hello Bubblers, We have a new addition to the [Bubble Developer Kit](https://www.notion.so/Bubble-Developer-Kit-3eb057d9d81d4176b1be678856c80faf#74ed187ed4a44e1eab42c12cfd471ee2) smiley[Bdk RepeatingGroup Tools](https://bubble.io/plugin/bdk-repeatinggroup-tools-1543937479653x604756044873203700): Power-ups for working with repeating groups Extract data from Repeating Groups Extract any data out of the repeating group cells without storing or retrieving it from database. Allows for use of dynamic expressions, conditional formatting, custom datatype retrieval etc. Some example applications include (1) making real-time calculations for your invoice line items, (2) better shopping cart…

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 2:27pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/4 "2019-06-29T14:27:22Z")

</div>

Thanks for pointing me toward the plugin…I’m attempting to use only pre-built bubble actions or free plugins, so I rarely look at the plugin store for things that might solve issues I have…if I went down the road of using paid plugins for each thing that doesn’t work as expected I would end of paying way too much money per month.

Is there a free way to accomplish this?

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [June 29, 2019, 2:34pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/5 "2019-06-29T14:34:18Z")

</div>

> **[Active Cell Plugin for Bubble](https://bubble.io/plugin/active-cell-1549478813509x793563089943920600)**
>
> Active Cell Plugin page on Bubble. Add Active Cell in one click to your app. Bubble lets you build web apps without any code.

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 2:55pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/6 "2019-06-29T14:55:19Z")

</div>

Thanks, I will have a play around and see if I can figure how to use this plugin. My experience with plugins has been pretty negative when they don’t provide a demo and editor to see how it works.

This plugin has a demo and editor but doesn’t show any repeating group ( ie: doesn’t show a working version of the plugin in action )…I might be able to fuddle around for a while and figure out if it works.

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 3:01pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/7 "2019-06-29T15:01:38Z")

</div>

seems like it doesn’t work for what I am trying to achieve…I put the active cell into the repeating group. Set the workflow and it just hides the element on page load, rather than on “hover of the cell” or “when cell is active”.

![26%20PM](https://us1.discourse-cdn.com/bubble/original/3X/2/2/226876ac4badc2a3c72b294d65b917e49bebd722.png) ![37%20PM](https://us1.discourse-cdn.com/bubble/original/3X/1/6/16c75d0105a974b7a7714acead99472be031bd21.png)

When I delete the workflow this is how the page looks.

![14%20PM](https://us1.discourse-cdn.com/bubble/original/3X/3/8/3821c79f6a4394c89bf82b04ab36f31ee19d7976.png) ![28%20PM](https://us1.discourse-cdn.com/bubble/original/3X/d/e/de68b0de1ee046785ba90ff8066727c7e66a41b1.png)

I guess the idea of “active cell” is that the cell has data in it, rather than the idea that the cell is being hovered or interacted with in another way

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [June 29, 2019, 3:05pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/8 "2019-06-29T15:05:23Z")

</div>

Show your conditional to set the cell element as active please.  
This is working can you make the same.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/4/9/496b95f00ec5e034864edf657156f6187e1d63cb.png)

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 3:58pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/9 "2019-06-29T15:58:08Z")

</div>

I’m sorry, I don’t follow what you are saying to do…

I have a repeating group with a group (group 1) inside of a cell. The group (group 1) inside the cell has a another group (group 2) that is the overlay. The overlay group (group 2) has a group (group 3) containing text elements.

What I want is for group 3 to be hidden when group 1 is hovered and then have another group that is not on the page currently (group 4 - contains more text elements) to be shown. Basically the idea is on hover the lesser text will be replaced by the group with more text.

If I were to put the active cell into the repeating group how would I set it up to enable me to use a workflow to hide group 3 and show group 4? I am not sure which element you are implying I should set a conditional on, nor how to make the cell element active.

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [June 29, 2019, 4:09pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/10 "2019-06-29T16:09:11Z")

</div>

-When group 1 is hovered; group 3 is not visible.

-Make this condition {When group 3 is not visible} and copy it by two clicking on the expression.

-Place your active cell inside the repeating group set to yesno type and paste the expression from the last step into the cell value input. (I think this your problem

-Now run the workflow when cell is active (group3 is hidden) show group 4.

I presume that you mean group 4 is outside of the repeating group.  
For step 2 and 3 you can make the condition when group 1 is hovered instead.

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 4:20pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/11 "2019-06-29T16:20:33Z")

</div>

Group 4 would be inside of the repeating group. It simply replaces group 3 so to show more text from same repeating group data type. I will have a play around with this tomorrow and see if I can figure it out. Thanks for the help, ill report back what happens tomorrow

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [June 29, 2019, 4:23pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/12 "2019-06-29T16:23:11Z")

</div>

If everything is inside of the repeating group you don’t need to use a workflow, it’s possible to hide element from the conditional.  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/b/9/b9de96b218fb845f670b0a8661e1101ad658f78c.png)  
You could replace this condition when group 1 is hovered, (group 3) this element is not visible.  
(group 4) this element is visible.

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [June 29, 2019, 4:29pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/13 "2019-06-29T16:29:28Z")

</div>

ahhh yes…thanks for the reminder…I actually used that on this page for something else and my mind didn’t even make the connection…thanks for all the help

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [September 16, 2019, 8:55am UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/14 "2019-09-16T08:55:15Z")

</div>

I have set up a workflow event using this method and it wasn’t working correctly until I figured out an important conditional to use in the workflow event.

Here is the full setup needed.

![21%20PM](https://us1.discourse-cdn.com/bubble/original/3X/c/2/c2c9a75038f3cd09b63fd65b4ef5634e74f3c0ae.png)

 ![32%20PM](https://us1.discourse-cdn.com/bubble/original/3X/e/3/e387a4ed411f269e4bf82f72eb4f884e304400c5.png)

Very important to include “do only when cell is active is yes”

This plugin seems great and can solve a lot of issues that make repeating group workflows a pain to deal with.

Thanks @danielowega

---

<div class="post-metadata">

**Author:** ![julienallard1](https://avatars.discourse-cdn.com/v4/letter/j/ac8455/32.png) [@julienallard1](https://forum.bubble.io/u/julienallard1)\
**Post date:** [October 4, 2019, 1:04am UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/15 "2019-10-04T01:04:10Z")

</div>

Answering the question of the topic, there is a native but not so evident way to fire a workflow when hovering on an element. You have to use a “Do when condition is true” trigger with a condition like “when Element-ABC is hovered”.  
The part that is very unclear is that the hovering option isn’t available, so you have to go in your element properties, under the condition tab, build the expression, and copy/paste it in the workflow’s trigger (then delete the expression in the element properties). It works perfectly.

Here’s a screenshot of what it looks like:

 ![56](https://us1.discourse-cdn.com/bubble/original/3X/e/6/e642e4e36327b77d88a13672aece93ea065959d4.png)

---

<div class="post-metadata">

**Author:** ![danielowega](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/danielowega/32/43902_2.png) [@danielowega](https://forum.bubble.io/u/danielowega)\
**Post date:** [October 4, 2019, 1:21am UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/16 "2019-10-04T01:21:14Z")

</div>

Yes I know, there is many posts for it. You can’t perform that when element is inside of repeating group.

---

<div class="post-metadata">

**Author:** ![umiumansa](https://avatars.discourse-cdn.com/v4/letter/u/ccd318/32.png) [@umiumansa](https://forum.bubble.io/u/umiumansa)\
**Post date:** [October 16, 2019, 10:32am UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/17 "2019-10-16T10:32:57Z")

</div>

I’m trying to reproduce this, but the cell’s value doesn’t allow me to have the “is hovered” state of the group… 🤔

 ![2019-10-16%20(8)](https://us1.discourse-cdn.com/bubble/original/3X/a/7/a75ecaf017f6e24e8af0e5a306224fb498cc9579.png)

~~Am I missing something?~~

Found out I had to do the condition on some other element Conditional tab, copy the expression and paste it into the Cell’s value field. That worked.

---

<div class="post-metadata">

**Author:** ![caeroa](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/caeroa/32/9696_2.png) [@caeroa](https://forum.bubble.io/u/caeroa)\
**Post date:** [November 16, 2019, 3:00pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/18 "2019-11-16T15:00:48Z")

</div>

Thank you guys, thank you @mintflow this has helped me a lot.

---

<div class="post-metadata">

**Author:** ![tobias2](https://avatars.discourse-cdn.com/v4/letter/t/3ec8ea/32.png) [@tobias2](https://forum.bubble.io/u/tobias2)\
**Post date:** [December 6, 2020, 8:23pm UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/19 "2020-12-06T20:23:30Z")

</div>

hi,

How do you need to place the active cell in the RG? I have a Group with an hover effect applied to it placed in a RG. In the Group there are text cells sourced by a database.

I placed the cell A now in the group. However, I can not set the cell up to be set to “yes” if its parent group (the group which is placed in the RG) is hovered.

I want to use the active cell plugin to set the URL according to which data is hovered. And based on the URL I want to display additional fields with context information outside of the RG …

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [December 7, 2020, 5:31am UTC](https://forum.bubble.io/t/workflow-action-on-hover/60505/20 "2020-12-07T05:31:40Z")

</div>

I’m not really really sure, I haven’t worked with that plugin in a long time. What I would do is test it out, place the active cell element in the RG and see if it works, and then place it outside of the rg and see if it works.

If neither work, I don’t have any advice on how to use the plugin as I have not used in in over a year and it was only once.

For triggering workflow actions from within a repeating group I use the orchestra plugin.

[Next page](https://forum.bubble.io/t/workflow-action-on-hover/60505.md?page=2)
