Interstitial

Overview

Interstitial screens are full-page animation pages displayed while loading or after loading a screen in the application. Interstitial screens can be animations, advertisements, or just messages. The Interstitial component helps the developer to customize these full-page animation screens.

NOTE: The Interstitial Component is used inside the Mobile Banking application.

Interstitial Contracts

The Interstitial component contains the following contracts.

setData Method
showInterstitialScreen Method
hideInterstitialScreen Method

setData Method

This method is used to set the properties of the component.

Parameter	Value
Syntax	`this.view.<componentID>.setData(data);`
Input parameter	`data`: JSON object containing the following key-value pairs to set the component preferences. `animationSource`: JSON Object containing the Lottie Animator source for the loading messagePlace the animation file for this key in the <workspacename>\<projectName>\resources\mobile\common\raw folder in the system. `loadingMessage`: Sets the description text displayed in a String format.
Sample Input	var data = { loadingMessage: "Please wait till we transfer your money", animationSource: "interstitial.json", }; this.view.interstitial.setData(data);
Return Type	None

showInterstitialScreen Method

This method is used to display the Interstitial screen

Parameter	Value
Syntax	`this.view.<componentID>.showInterstitialScreen();`
Input parameter	NA
Sample Code	this.view.interstitial.showInterstitialScreen();
Return Type	None

hideInterstitialScreen Method

This method is used to dismiss the Interstitial screen.

Parameter	Value
Syntax	`this.view.<componentID>.hideInterstitialScreen();`
Input parameter	NA
Sample Code	this.view.interstitial.hideInterstitialScreen();
Return Type	None

Dark Mode

Expand/Collapse

In this topic