adkit.onReady(function() { adkit.expand({ panelName: "panel_2", useCustomClose: true, animate: { clip: "rect(0, 100%, 100%, 0)", duration: 2000, easing: adkit.Animation.Easing.EASE_IN, opacity: 1, init: { clip: "rect(0, 100%, 0, 100%)", opacity: 0 } } }); });
Name |
Mandatory/Optional |
Type |
Description |
expandProperties |
Optional |
Object |
Contains the Expand properties. If not defined, and the "show single panel at a time" is set to false, all the panels will expand. Otherwise, only the default panel will expand. |
Name |
Mandatory/Optional |
Type |
Description |
panelName |
Optional |
String |
Name of the panel to expand. If not defined, and show single panel at a time is false, all panels will expand. Otherwise, only the default panel will expand. |
actionType |
Optional |
String |
Action initiator type. The options include:
|
useCustomClose |
Optional |
Boolean |
When using InApp serving, you can determine whether to use the standard MRAID close button or a custom button. The default value is false and shows the standard MRAID close button. |
animate |
Optional |
Object |
Sets the animation for the expand action. |
Name |
Mandatory/Optional |
Type |
Description |
clip |
Mandatory |
String |
Sets the clip as a string in the CSS. rect (top, right, bottom, left). For example: |
opacity |
Mandatory |
Integer |
Sets the opacity in the CSS as an integer. |
duration |
Mandatory |
Integer |
Sets the animation duration in milliseconds. |
easing |
Mandatory |
Integer |
Sets the animation motion type. The options include:
|
init |
Mandatory |
Object |
Defines the animation initial state. |
Name |
Mandatory/Optional |
Type |
Description |
clip |
Mandatory |
String |
Sets the clip as a string in the CSS. rect (top, right, bottom, left). For example: |
opacity |
No |
Number |
Sets the opacity as a number in the CSS. |
Note: To view the Panel Expansion event, see REFERENCE AdKit: onExpand Event.
adkit.collapse({ panelName: "panel_1", actionType: adkit.ActionType.AUTO, animate: { clip: "rect(0, 100%, 0, 100%)", duration: 2000, easing: adkit.Animation.Easing.EASE_IN, opacity: 0, init: { clip: "rect(0, 100%, 100%, 0)", opacity: 1 } } }); });
Name |
Mandatory/Optional |
Type |
Description |
collapseProperties |
Optional |
Object |
Contains the collapse properties. If not defined, all panels will collapse. |
Name |
Mandatory/Optional |
Type |
Description |
panelName |
Optional |
String |
Name of the panel to collapse. If not defined, all panels will collapse. |
actionType |
Optional |
String |
Action initiator type. Options include:
|
animate |
Optional |
Object |
Sets the animation for the collapse action. |
Name |
Mandatory/Optional |
Type |
Description |
clip |
Mandatory |
String |
Sets the clip as a string in the CSS. rect (top, right, bottom, left). For example: |
opacity |
Mandatory |
Integer |
Sets the opacity as a number in the CSS. |
duration |
Mandatory |
Integer |
Sets animation duration in milliseconds. |
easing |
Mandatory |
String |
Animation motion type includes:
|
init |
Mandatory |
Object |
Defines the initial state animation. |
Name |
Mandatory/Optional |
Type |
Description |
clip |
Mandatory |
String |
Sets the clip as a string in the CSS. rect(top, right, bottom, left) For example: |
opacity |
Mandatory |
Integer |
Sets the opacity as a number in the CSS. |
Note
Note: To view the Panel Expansion event, see AdKit: Panel Expansion and Collapse Methods.
Comments