|Please note, the |
This article describes how to make an Interaction Studio message fade into the page.
Create a Message with a Transparent Background
Wrap Message Contents in a DIV
Once that step is done, the message's background will be transparent but its contents will still be visible when you render it on the page. To get around this, we need to go into the HTML source of the message and wrap all the contents with a div.
Add CSS Styles
Adding these changes to your message will make it transparent when it first renders on the page.
Add jQuery fadeTo Function
Now, you will use a jQuery fadeTo function to make the message fade in. For more information regarding this function, refer to this article outside of the Knowlegebase.
|Interaction Studio loads its own version of jQuery, called by 'ajq' instead of the standard '$|