Configure the general properties of the ad unit
In this article, you will learn:
How to configure the general properties of the ad unit
The Properties Panel is located to the far-right of the Ad Builder.
This dynamic, context sensitive panel will update to display only the relevant settings for the screen, layer or component that you have selected at any given time.
By default, if no object is selected, or if the user clicks outside of the ad unit anywhere on the stage area, the panel will display settings for ad container itself (i.e. width & height, background color, etc.)
The General properties configuration options are explained below:
|Width||The width of the ad unit (or selected object) expressed in pixels|
|Height||The height of the ad unit (or selected object) expressed in pixels|
|X||The X-axis position of an object based on the upper-most left-hand corner of the selected object|
|Y||The Y-axis position of an object based on the upper-most left-hand corner of the selected object|
|Transparency||The level of transparency applied to the canvas mask of the ad (0% - transparent - 100% invisible)|
|Rotation||The degree of rotation of an object (0 - 360 degrees)|
If checked, Adventive will automatically adjust this screen to accommodate the device it is displayed on (based on width). This option MUST be selected per screen in multi-screen ads.
Note - if the ad is natively responsive, this option will not appear.
|Z-Index Override||The Z-axis position of the ad unit relative to the page it is being served on.|
|Sticky Ad||If checked, the ad will stick to the top of the page as the user scrolls, instead of scrolling off screen. If this option is not available, the format you have chosen is not compatible with Sticky Ad functionality.|
|Ad Name||The name of the ad unit|
|Default Click URL||The URL that anyone that clicks through will be directed to unless a specific Click URL has been configured for an object within the ad unit|
|Open In||Choose if the ad unit click through will result in the opening of a New Tab or Same Window.|
|Fallback Image||(Optional) The image (of the same initial dimensions of the ad unit) that will be displayed should the users browser not be capable of displaying the rich media unit.|
How to configure the background and borders of the ad unit
The border and background fill colors may also be configured at the ad unit level. By default, all ad units are created with a transparent background and no border. Many of these options will apply to selected objects on the stage, however, if no object is selected, or the user clicks outside of ad unit on the stage area, the panel will display the "Design" settings of the ad unit, as seen below:
The Design properties configuration options are explained below:
|Border Size||The size of the border expressed in pixels|
|Border Color||The color of the border|
|Fill Color||The color of the background of the ad unit|
|Gradient||When checked, gradient controls are enabled|
|Gradient Color||The secondary (gradient) color of the background of the ad unit|
|Rotation||The degree of rotation of the gradient color expressed in degrees|
How to use the color picker
When selecting a color throughout the ad builder the color picker will provide the user with common colors, previously selected colors, HEX or RGBA input, and color sliders as seen below:
Common / Previous Colors
When open, the left-hand side of the color picker will present the user with a grid of colors commonly used, as well as any previously used colors near the bottom of the grid.
To return to transparent from a selected color, select the last item in the grid, signified with a checker-like pattern.
Color Selector Matrix and HEX Colors
When open, the right-hand side of the color picker will present the user with a color selector matrix and vertical scrubber bar. The user may input a HEX value in the input box below if the desired color is known.
The color picker also supports the selection of an alpha channel, which can be modified using the horizontal scrubber bar. The user may input a RGBA value in the input box below if the desired color and alpha channel are known.