How to bind the display of a modal window near the desired element?

Ask us anything
1

I need to customize the opening of a modal window when an icon is clicked. To do this, I created an object variable and bound its variable to the modal window.

chrome_3VqjekDnLu
chrome_3VqjekDnLu356×776 22.8 KB
chrome_mgZehLx5oZ
chrome_mgZehLx5oZ758×514 44.4 KB
chrome_oh2sLWNYXh
chrome_oh2sLWNYXh755×520 42.2 KB
chrome_ihbmi925F3
chrome_ihbmi925F3718×418 35.9 KB

I set up a “Change variable value” workflow on the icon

chrome_kFfM29SOdk
chrome_kFfM29SOdk788×662 44.6 KB
To get the values, I clicked on the icon in preview mode.
chrome_Q5M15eU0yl
chrome_Q5M15eU0yl1920×919 155 KB
If I understand correctly, the values I need are ClientX and ClientY. But how do I assign the new values X, Y, FALSE to the variable?

2

Community, is my problem unsolvable?

3

Hi @icos :wave:

Apologies for the late reply. I actually didn’t understand the question.

Can you clarify why the “regular” modal experience and what end result you are trying to achieve?

From your screenshots, I don’t understand why you’re binding things to the “Horizontal” and “Vertical” options of the modal instead of using the dropdown select for example.

4

Thanks for responding @Joyce
There is an icon (three dots) in the chat. When you click on it, a modal window appears to take action on the message. This modal window should attach to the icon (three dots) and stay attached to it when scrolling the page. I wanted to implement with a modal window. Today, partially found another solution.
But it would be great if you can explain how to finish with a modal window.