The default for the call-out container with the attribute| " data closable" is= fade-out.

you change that by adding the different transition you want to the value box under data closable

Mine does't work either way. Are we supposed to put Motion UI in there somewhere?
I think I have everything set up correct but I'll double check.

container class = (1)call-out (2)alert
id = alert (or whatever ID you chose to call it)

attribute = data closable
value = whatever transition you want (the default = fade-out so you don't need put anything in the value to have it fade out)

if you want a different transition then put whatever transition you want (eg value = slide-out-left) but be careful don't try something too fancy it can become a little bit annoying for visitors, I find the default is less intrusive and gentle for the user's eye

Wayan,

I had all the settings correct. It wasn't fading out because I had it redirecting to another page. Operator error.

I put it on the home page and it now fades out like it is supposed to do.

Thank you for all your help today.