Layout Panel

All of our rich media formats are based on the same underlying structure – content layers. These are layers of content that can be positioned anywhere on a web page – relative to the ad slot, relative to the page itself, or even relative to a specific element on the page. A content layer can be visible or hidden and, for certain formats, can have an expanded and contracted state.

For some formats, you may need to edit the layout (ie. positioning, dimensions and visible area) of the content layer(s). Often it’s unnecessary, as ONE by AOL: Creative sets the properties automatically. However, if the layout of the ad looks wrong or it seems that some of the content is being hidden, you can come to this panel to change the layout properties.

Every content layer has the following properties:

X: The x position/coordinate of the layer, relative to either the page, the ad slot or another element.

Y: The y position/coordinate of the layer, relative to either the page, the ad slot or another element.

Width: The width of the content layer. This defaults to the width of the main file of the content layer and very rarely needs to be edited.

Height: The height of the content layer. This defaults to the height of the main file of the content layer and very rarely needs to be edited.

Z-Index: The layering of the unit within the containing site. This is useful for when the ad is sitting above / below a menu or another piece of content on the page.

If a content layer is expandable/contractable (eg. expanding and page peel formats), then the content layer has additional properties to define the contracted rectangular region:

Start contracted: Should the content layer start in the contracted state, true (default), or start expanded.

Contracted X: The x position/coordinate of the contracted region, relative to the left of the content layer.

Contracted Y:The y position/coordinate of the contracted region, relative to the top of the content layer.

Contracted Width:The width of the rectangular contracted region.

Contracted Height: The height of the rectangular contracted region.

Content push options: Allows the ad slot to push the content of the site down.

Here’s some example configurations for some common ad formats:


 

728×90 Leaderboard:

X:0 [relative to ad slot]

Y:0 [relative to ad slot]

Width: 728

Height: 90


 

728×90 to 728×270 Expanding Leaderboard (Expanding Downwards):

X:0 [relative to ad slot]

Y:0 [relative to ad slot]

Width: 728

Height: 270

Contracted X:0

Contracted Y:0

Contracted Width: 728

Contracted Height: 90


 

160×600 to 300×600 Expanding Sky (Expanding to the Left):

X:-140 [relative to ad slot]

Y:0 [relative to ad slot]

Width: 300

Height: 600

Contracted X:140

Contracted Y:0

Contracted Width: 160

Contracted Height: 600


 

300×250 to 500×500 Expanding MPU (Expanding Up and Left):

X:-200 [relative to ad slot]

Y:-250 [relative to ad slot]

Width: 500

Height: 500

Contracted X:200

Contracted Y:250

Contracted Width: 300

Contracted Height: 250

Additionally, some formats, such as floating and overlay have more properties to allow for extra functionality.

Auto close: Allows for easy ‘Interstitial’ type behaviour.

Start Visible: By default set to false, but, if set to true the need to show the content layer manually / programmatically is negated.

Feedback and Knowledge Base