Creating the loading page

When working with large Ext JS applications, it is normal to have a short delay when loading the application. This happens because Ext JS is loading all the required classes to have the application up and running, and meanwhile, all the users see is a blank screen, which can be annoying for them. A very common solution to this problem is to have a loading page, also known as a splash screen.

So let's add a splash screen to our application that looks like what is shown in the following screenshot:

Creating the loading page

First, we need to understand how this splash screen will work. After the user loads the application, the splash screen will be ...

Get Mastering Ext JS - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.