Custom CSS Groupfocus Offset

You’ll need the Toolbox plugin.

  1. Add ids to the reference element (reference) and to the groupfocus (groupfocus).
  2. Add JavascripToBubble element and enter ‘left’ as suffix, type ‘number’
  3. In the workflow where you show the groupfocus, add first a Run Javascript action (it has to run before you show the groupfocus) with the following code: var element = document.getElementById('reference'); var reference = element.getBoundingClientRect(); bubble_fn_left(reference.left + YourDynamicOffset);
  4. In the code, replace YourDynamicOffset with the dynamic offset you want
  5. Add an HTML element with the code: <style> #groupfocus { left: JavascripttoBubble A's valuepx!important; }</style>
  6. Edit: Obviously the ‘JavascriptoBubble A’s value’ has to be a dynamic expression!
    Grabar_2022_07_11_10_03_04_860

Follow me on twitter

https://twitter.com/juanmtzalmeida

6 Likes