Configuring ad properties

Configure the general properties of the ad unit

In this article, you will learn:

How to configure the general properties of the ad unit

How to configure the background and borders of the ad unit

How to use the color picker or set HEX or RGBA values directly

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


general-ad-properties

General Properties

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)
Responsive Screen

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:

border-fill-design

Design Properties

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:

full-color-picker

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.

hex-color-picker

Alpha Channel

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.

rgba-color-picker