Support for the One UI Launch standard is provided by the idx/mobile/Launch widget. Use of this widget is straightforward, and requires just three main steps.

Ensure <body> is initially hidden

To ensure that your page content is not seen by the app user before Dojo has been initialised, the parser has run, etc, make your page <body&rt; tag initially invisible. The <body&rt; tag will be automatically shown by the idx/mobile/Launch widget during initialisation.

<body style="visibility: hidden;">

Require the idx/mobile/Launch widget

The widget will display the launch pane as soon as it executes. To present this at the earliest opportunity, list it first in the require() list.

<script>
	
	require(["idx/mobile/Launch",
			 ...
			 ...],
	function(Launch, ...){
		...
	});

<script>

The require of idx/mobile/Launch returns a single instance of the widget which is already displayed, and this can be used to hide the launch widget when finished with.

Hide the launch pane when the app is ready to display

At a suitable point when your app has loaded, the UI has been built, and the display is ready for the user, the Launch widget should be hidden.

Launch.hide();

The Launch widget will destroy itself and all its resources during the call to hide(). If the Launch widget will be required again, true can be passed as the optional keepAvailable parameter: after calling hide(true) the widget remains available and can be reshown by calling show(). In normal usage, however, the launch pane is only required once.