Creating Confirm Boxes and Progress Bars with the Ext JS Library
(Page 1 of 4 )
Welcome to the second article in a five-part series that shows you how to build cool message windows with the Ext JS library. In this article you will learn how to build a professional-looking progress bar and an improved confirm box. You'll find that constructing these user interface components with this library is quite easy.
Introduction
Nowadays, the web offers plenty of third-party frameworks that permit you to build rich and professional-looking user interfaces in a very short time. You don't even need to be a guru of web design, or even an experienced JavaScript developer. Good examples of these ready-to-use packages are the Yahoo! UI and the Scriptaculous framework, to name just two which you may have used in the development of your own web applications.
There's one JavaScript library, though, that's becoming extremely popular with professional web developers lately. It allows you to construct a great variety of interactive web interfaces with very little effort. As you might have guessed, I'm talking about the Ext JS package, which comes equipped with useful web widgets that can be configured pretty easily to build highly-interactive user interfaces.
However, in this series of articles will cover only one facet of the library; it would be practically impossible to discuss all of its features because they're way too numerous. Therefore, in this specific case I'm going to show you how to use this helpful JavaScript package to build different kinds of message windows, including confirm and prompt boxes, dynamic progress and wait bars, and so forth.
Of course, if you already read the first chapter of this series, then you're already familiar with using the Ext JS package to create a few simple confirm and prompt boxes. In that particular tutorial I included some illustrative examples of how to achieve this.
Nonetheless, as I mentioned previously, this library comes bundled with many other message windows that deserve a close analysis. Therefore, in the next few lines I'm going to code some practical examples that show how to construct enhanced confirm boxes and wait bars.
Well, are you ready to continue learning how to build cool message windows with the Ext JS framework? Let's get started!
Next: Review: creating simple prompt and confirm boxes using the Ext JS library >>
More JavaScript Articles
More By Alejandro Gervasio
