Book Image

Mastering ExtJS - Second Edition

By : Loiane Avancini
Book Image

Mastering ExtJS - Second Edition

By: Loiane Avancini

Overview of this book

Table of Contents (19 chapters)
Mastering Ext JS Second Edition
About the Author
About the Reviewers

Enhancing the Login screen

Our Login screen is done. However, there are some enhancements we can apply to it to make it even better and also offer a better experience to the user.

The following list details the enhancements that we are going to apply in our Login screen:

  • Apply a loading mask while authenticating

  • Submit the form when the user presses Enter

  • Displaying a Caps Lock warning message

Applying a loading mask on the form while authenticating

Sometimes, when the user clicks on the Submit button, there can be some delay while waiting for the server to send back the response. Some users will be patient, while some others will not. The ones that are not very patient will be able to click on the Submit button again, and this means making another request to the server. We can avoid this behavior by applying a loading mask to the Login window while awaiting the response.

First, we need to add the following code right before the form.submit call (inside the doLogin method):