How to display Popup conditionaly by ACF radio?

Hello, I would like to display popup template which is set to display only at front page ─ only when user check the checkbox from ACF on option page.

I have tried to disable the conditional display in popup template and use the template element in front page. Then I added conditional to that element and it worked. However, styles were not loaded.

How can I use the ACF radio field in conditional display of popup, to display it with it’s styles?

This is popup:

This is how it looks, when I use template element for it, with conditional for ACF radio:

So it is losing it’s styles. If I delete the template element completely from frontpage and use the conditional display in popup template (without the ACF conditinal) then it display styles properly:

However, there is no option for dynamic data conditional in popup template settings. So how can I do this properly? To display popup on homepage only if user checks the ACF checkbox in ACF option page?

THANK YOU SOOOO MUCH <3

Hello @thomas should I post this into Bugs?

As mentioned in the documentation, have you tried applying the condition on the outer most element in the popup?

While the template conditions determine on which pages the popup appears, you can further restrict a popup by defining Element Conditions on the outermost popup element.

Hello Sridhar, the trigger is content Load. I will try. Didn’t know it is mean for the whole popup. I tought that it isn’t. Give me a second and I will let you know if it worked.

I tested and it worked.

You do not need a Template element if you have set the Popup to appear on Frontpage in its settings.

Hello Sridhar, thank you so much, it works. I thought that modal template conditions are only in it’s settings in Template settings > Popup. Thank you. I already spent a lot of time looking for solution.