Maybe is me but Animated regions are nor working. I try to use de Hide delay or hide duration and over UI you cant submit any value. Is like only tittle.
If I type manually the code seems to not work
<div is="dmx-animate" id="animate1" showeffect="fadeIn" hideeffect="fadeOut" dmx-bind:visible="steps.value==1" style="background-color: red ;" dmx-bind:hidedelay="2000" dmx-bind:hideduration="2000">
asdfasdf
</div>
Show delay and show duration seems to work is only the Hide dont work the UI and dont work animation itself.
Well what exactly are you doing?
Applying a fade in/fade out animations or using an animated region? And what exactly are you trying to achieve?
You can’t apply both…
Thanks @Teodor
I want that on button click, fade out the region, change the content based on a variable and fade in with the new content loaded. I was thinkig to do it with a flow.
But the first thing I notice is that you cant use the hide delay or the hide duration. You cant submit any value. And hide only disappear without any animation.
As a suggestion from @franse I switch to App Connect 1 and hide delay and hide duration work. When I update to App Connect 2 hide stops working. In both cases the UI for Hide Delay and Hide Duration are not available. You need to hand code delay and Duration.
App Connect 1 Video
After update do App Connect 2
On console get this error.
index.php:1 Uncaught (in promise) undefined
||Promise.then (async)|||
| --- | --- | --- | --- |
||performUpdate|@|dmxAnimateCSS.js:7|
||(anonymous)|@|dmxAppConnect.js:9|
||(anonymous)|@|dmxAppConnect.js:7|
||postMessage (async)|||
||dmx.nextTick|@|dmxAppConnect.js:7|
||setValue|@|dmxAppConnect.js:9|
||Object.keys.forEach.data.<computed>|@|dmxAppConnect.js:9|
||(anonymous)|@|dmxAppConnect.js:9|
||(anonymous)|@|dmxAppConnect.js:9|
||dmx.parse|@|dmxAppConnect.js:9|
||(anonymous)|@|dmxAppConnect.js:9|
||a|@|dmxAppConnect.js:7|