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