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 ...

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.