Element Settings includes the following five properties:
- Basic settings
- Extra settings
- Style properties
- Animation properties
- Child/Parent reference
Most properties are specific to a given element within a specific size.
However some element settings are global. This means you can select these settings in one size and they are applied to that element in all sizes.
If you change the global settings in another size, that change will be applied to all sizes.
The basic element settings are located on the top bar.
- Position and Anchor
- Size and size constraints
- Other settings specific to an element (e.g. font settings for text boxes)
You can access Extra Settings from the top bar:
You can also access extra settings from the Element list:
The Extra Settings menu will open on the right-hand side of the screen:
The Extra Element Settings include:
- Design settings
- Add to animation timeline
- Other settings specific to an element selected
- Main settings
- Settings specific to an element selected
- Some settings for an Image element - loading order, image label, renditions - are global
- All main setting for an Iframe widget are global
- Some settings for a Carousel Widget - Autoplay, Slide looping, Pause time (if autoplay is checked) - are global
- All main settings for Video are global
- Additional settings
- These are also specific to an element selected, but can include Background settings, Border settings, Hover effect etc.
- Element Calls-to-Action
- All Calls-to-Action settings are global to all elements.
Learn more about Element Calls-to-Action: Trigger System (coming soon).
Style properties are a combination of certain, selected Basic and Extra settings, related to the style of an element.
Style properties include:
- For Text Box and Button (HTML) only
- For all visual elements:
- Background color
- Border styles
- Shadow styles
Style properties implemented in one size can be applied to all other sizes in a creative.
See: Copy styles.
Animation properties are shown at the bottom of the canvas, in the Animation Timeline.
Animation properties include:
- Keys and their relative positions in the animation timeline
- Easing (movement and curvature) of each keys
- Properties of specific settings for each key (in the example below, the specific setting properties are position and opacity)
Learn more about animation: Animation Overview (coming soon).
Child/Parent reference notes the position of multiple elements in the Element List structure.
It’s particularly noticeable when two or more elements are grouped together into a single reference group, using a group element.
• For example, in the 1920x1080 size displayed below, the LOGO element, the CTA HTML element and the IMG element are child elements of the parent Group element.
This means that position and anchoring of child elements will be set relative to the parent Group element, not the overall canvas.
• However, In 1800x180 size, the LOGO element stands alone. It is positioned at the top of the Element List, so it will be in the foreground of the design.
In this case, position and anchoring of the LOGO will be set relative to the overall canvas, whereas position and anchoring of the CTA HTML and IMG elements will be set relative to the Group element.
In both cases position and anchoring of the Group element itself is set relative to the overall canvas.
Child/Parent reference of the element can be copied from size to size separately from other element’s settings. For more information, see: Copy element settings.
The overall Element List structure for all elements, also known as Element Order, can also be copied from size to size. To do this, see: Copy layout.
Global settings (summary)
Global settings can be set in any size and will be applied to a selected element in all sizes.
Only a few of all settings are global:
Under Extra Element Settings:
- Some of Main settings for some elements:
- For Image element
- Loading order
- Image label
- All main settings for Iframe widget
- For Carousel Widget
- Slide looping
- Pause time (if autoplay is checked)
- All main settings for Video element
- For Image element
- All Element Calls-to-Action for all elements.