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 Change the Format 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 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 scale the selected screen based on the width of the device that the unit is viewed on. * Note - This option MUST be selected per screen in multi-screen ads. If the selected ad format 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. |
| Show Container | This setting will only display if the "Sticky Ad" option is checked. This inserts a wrapper around the ad, in a color/transparency of your choosing. This spans the width of the browser, and will display on user scroll. |
| 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 Change the Format of the Ad Unit
The format can be selected upon initial ad creation. However, if you selected the incorrect format, you can change it once the ad is loaded within the builder.
- Once in the builder, navigate to the upper right corner and locate where is lists the format. In the below example, "Banner" was originally selected:
- Click the dropdown menu to select a different format.
- The builder will then update to display the configuration settings for your selected format. For guidance on building specific formats, check out this article.
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 white 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:
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:
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.
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.
