Execute after certain CSS animation

Hi David,

I have a function, in this function I call some CSS Class

Now, I want use BlockApp with this function

Actually, I want stop my app and run my function after that continue my app.

How can I do this?

I am very thankful,

Hello Ava,

The "BlockApp" disable the app's interface (so the user cannot interact) but do not block the next code to be executed. You mention that "call some CSS class"... please, can you explain this a bit more, Ava? How you are "call some CSS class"?

Hi David,

I apologize for the delay in replying to you, I explain more, Sometimes I need the whole program do not work (locked) but only an animation(this animation made with some css classes and controlled by a function in AB) is run(like message box).

-Do we have an AB function that does it?

Thanks

Hello Ava,

I am not sure if understand 100%, but, certainly the animations CSS classes provided "out of the box" don't allows something like you wanted. On the other hand, actions like "BlockApp" block the user interface, but not the next code execution. Maybe you can use jQuery animations, which provide the right way to know when a more or less complex animation finish.

For example, place a "Button1" control in an app view and place the below code in the Show event of that view:

I hope this can be useful for you. Please, go ahead if you have any further questions.

Hello David,

Thanks for your explanation and help, I wrote a function that controls all the events and functions inside the program, my problem has been resolved.

Thanks a bunch,

Hello Ava,

Your're welcome. Commonly (at least in my experience) when we try to stop the code execution to do something... probably we can take another approach... since stop the code execution is not always possible. On the other hand, certainly the above code works as expected, that is, certain "complete" callback is executed after (and never before) certain animation is done.