Adobe Edge Animate: Simple Nested Elements

[message type=”info”]SAMPLE PREVIEW AND DOWNLOAD NOW UPDATED FOR THE LATEST VERSION OF EDGE ANIMATE[/message]

Here is a simple example of element nesting now available in Adobe Edge Animate.

Click the above image to preview example.

Element Nesting:

1. Select the Rectangle Tool (M) and draw a div shape. I called mine ‘Parent’.
2. With the ‘Parent’ div element active, in the Properties Panel set it’s Overflow property to ‘auto’;
3. Double-click it’s Background Color swatch and set the Alpha value to 0%;
4. Optional: Set desired Border Color and Style;
5. Then add (drag and drop) additional elements directly onto the ‘Parent’ div element in the Elements Panel;
   In my example I added an additonal graphic, background div and text div.

Download Sample file below.