Splash Screen

A splash screen is shown during the initial page load of a webapp.

Custom component

The splash screen is a custom GEL component.

Usage

The HTML for the splash screen should be rendered by the server as part of the initial page load.

Static

The default .splash behavior is to show static content, such as:

Sizing

The .splash class is designed to take up the full page while visible. To do this it must be placed within a container that is the full height of the page.

Loading...

Active

The .splash-active class adds a slow pulsing animation to the splash content.

This works well when used with simple content such as the text "Loading..."

Loading...
Third-party Content Disclaimer