Salesforce Web App Animations with Titan’s Edit Mapping

Business Background

Change the mapping of the animation element after you have added it to the Web project.

How to Video

• Coming soon!

How to Guide

The Edit Mapping option is available for animation elements.

1. Click the expand (+) icon next to the settings icon in Titan Web. A list of elements will show.
2. Select the Media option from the list.
3. Drag-and-drop the Animation element to the canvas.
4. Click the Animation element’s Gear icon and click the Edit Mapping button. The Configure Animated Options screen opens.

5. Add an image item
6. Add an SVG item

Add image item

1. Click the Add Image Item option to add an image item.
2. Click the Select Image button.

3. Add an image.

4. Use the drop-down lists to select the following:
   • In Animation
   • Out Animation

5. Click the Add Image Item option to add an image item.
6. Repeat the steps to add animation.
7. Repeat the steps until you have all the images required.
8. Click the Apply button.

Add an SVG item

1. Click the Add SVG item option. The Add SVG Content screen opens.

2. Add the SVG content and click the Apply button.

3. Use the drop-down lists to select the following:
   • In Animation
   • Out Animation