awfDialog :: AJAX Enabled Dynamic Dialog Wizard Class :: Simple Example
Example 1:
Notice this simple example is pretty plain and has virtually no fancy display elements, although it is rendered using the awfDialog class just like the dialog at the top of this page. Also notice that we've left out some optional arguments we'll explore in Example 2. The first argument, ID, is the only required arument to instantiate a new awfDialog. Example 2:In the prior example, we set the dialog's CSS id, Title string, and Message string. By default, an awfDialog is non-modal, meaning it can be closed. However, since $simple1 did not know where to find it's dependent images the exit button did not render. Let's fix that:
Example 3:Next, let's extend our example by using the remaining three optional arguments: $icontype, $modal, and $width.
Example 4:As you can see, while Example 3 is a functional dialog box it doesn't exactly look amazing. That doesn't mean it can't be. Look at the last example for an idea on the methods the awfDialog class makes available to better manipulate display control, even of simple dialogs.
|
Docs About / Features Change Log Usage guide CSS Reference License Examples Simple Implementation Gradient Builder |
