Layout Presets in Adobe Edge Animate
Adobe Edge Animate CC conveniently provides Layout presets. You can select different Layout presets instead of configuring the settings yourself. There are different Layout presets depending on the type of element that you select from the Stage. There are different presets for the two major types of elements used in your animation:
Text boxes and other drawn elements have their own presets.
Images: Different settings appear depending on if the image is an img or a div.
Layout presets make more sense when the Stage’s width and height are formatted by percent.
Text boxes and drawn elements
The different Layout presets for text boxes and drawn elements such as rectangles and ellipses include these:
Scale position: Sets elements to use % instead of px for the position (as shown).
Scale size: Sets elements to use % instead of px for the size (as shown).Using the Scale Position layout preset.Using the Scale Size layout preset.
If you have your image set as an img, then different options appear under Layout presets than if you set the image as a div. Both img and div provide the same Layout presets — scale position and scale size — as drawn elements.
Img sets the image as a regular image on the Stage. Div sets the image as a background image.
For regular images, you can select a Scale Image Layout preset (as described in this figure).
Images set as div that act as background images have even more options, as shown.
To get an idea of what each different Preset Layout does, simply click the box for the description, then click Apply.
There’s one more place to configure default layouts up near the main menu. If you click the Layout Defaults icon (as shown), a menu appears that enables you to select a default setting for relative positioning, px (pixels), or percent; you also get to choose how to use images.