Edit Mapping for Animation

Business Background

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

How to Guide

The Edit Mapping option is available for animation elements.

1. Click the + icon to open the list of elements.
2. Select the Media option from the list.
3. Click-and-drag 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