[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.

Scroll within Nested Elements

A demonstration to achieve scrolling among nested elements in Edge Animate.