Login   Register  
PHP Classes
elePHPant
Icontem

awfDialog Wizard: Generate wizard-like Web user interface using AJAX

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   Screenshots Screenshots   View files View files (50)   DownloadInstall with Composer Download .zip   Reputation   Support forum (4)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2008-03-27 (6 years ago) RSS 2.0 feedStarStarStarStar 69%Total: 1,919 This week: 1All time: 1,925 This week: 1,364Up
Version License PHP version Categories  
awfdialog 1.2GNU General Public Lice...5.0HTML, AJAX
Description Author  

This class can be used to generate wizard-like Web based user interface using AJAX to avoid reloading the page when advancing to a new step. It features:

- Modal forms dialogs that cannot be closed, or non-modal with an exit button
- Display form icons from a set of icons supplied with this package or from a custom icon set. Icons may have standard 32x32 or 20x20 sizes.
- Wizard display mode that causes the form content region to render in two side-by-side panes
- AJAX wizard buttons to go to the previous and next pages or cancel
- Present the forms with configurable gradient colors
- The user interface elements have unique ID values to allow customization of presentation details via CSS

Innovation Award  
PHP Programming Innovation award nominee
March 2008
Number 4


Prize: One book of choice by Packt
Wizard is the name that is called to user interfaces that guide the user through a series of steps that need to be performed to achieve a certain task. This kind of user interfaces is typically found in desktop applications.

It is possible to implement wizards in a Web site by showing a sequence of pages with all the steps. However, multi-page wizard are not as usable as desktop application wizards, as they make the user wait for the next page to load.

This class provides a solution to implement Web based wizards that uses AJAX to minimize the time it takes to load the next page. This way, Web based wizards are practically as usable as desktop application wizards.

Manuel Lemos
Picture of AW Ford
Name: AW Ford <contact>
Classes: 1 package by
Country: United States United States
Age: 45
All time rank: 1412192 in United States United States
Week rank: 1060 Up101 in United States United States Up
Innovation award
Innovation award
Nominee: 1x

Screenshots  
  • cssref2.jpg
  • scr2.jpg
  • scr1.jpg
  Files folder image Files  
File Role Description
Files folder imageawfDialog (2 files, 3 directories)

  Files folder image Files  /  awfDialog  
File Role Description
Files folder imagelib (3 files, 1 directory)
Files folder imagedocs (7 files, 1 directory)
Files folder imageexamples (2 files, 2 directories)
  Plain text file index.php Aux. documentation redirector
  Plain text file readme.txt Lic. ReadMe File

  Files folder image Files  /  awfDialog  /  lib  
File Role Description
Files folder imageimages (24 files)
  Plain text file awfDialog.php Class Main class file
  Plain text file class.gradient_image.php Class dependecy class
  Plain text file image2.php Aux. class dependency

  Files folder image Files  /  awfDialog  /  lib  /  images  
File Role Description
  Image file exit.gif Icon dependent image
  Image file help.gif Icon dependent image
  Image file icoChat.gif Icon dependent image
  Image file icoConfig.gif Icon dependent image
  Image file icoDownload.gif Icon dependent image
  Image file icoError.gif Icon dependent image
  Image file icoHelp.gif Icon dependent image
  Image file icoInfo.gif Icon dependent image
  Image file icoKey.gif Icon dependent image
  Image file icoLocked.gif Icon dependent image
  Image file icoMail.gif Icon dependent image
  Image file icoMoney.gif Icon dependent image
  Image file icoSearch.gif Icon dependent image
  Image file icoUnlocked.gif Icon dependent image
  Image file icoUpload.gif Icon dependent image
  Image file icoUser.gif Icon dependent image
  Image file icoUsers.gif Icon dependent image
  Image file icoWarn.gif Icon dependent image
  Image file icoWizard.gif Icon dependent image
  Image file wizCancel.gif Icon dependent image
  Image file wizDefault.jpg Icon dependent image
  Image file wizNext.gif Icon dependent image
  Image file wizPrev.gif Icon dependent image
  Image file wizColorPicker.gif Icon color picker button

  Files folder image Files  /  awfDialog  /  docs  
File Role Description
Files folder imageimages (4 files)
  Accessible without login Plain text file changelog.php Doc. Change Log
  Plain text file cssref.php Doc. CSS Reference
  Plain text file docmenu.php Aux. Documentation Menu
  Plain text file index.php Doc. About and Feature List
  Plain text file license.php Doc. License Info
  Plain text file style.css Data stylesheet
  Plain text file usage.php Doc. Detailed property and method reference

  Files folder image Files  /  awfDialog  /  docs  /  images  
File Role Description
  Image file cssref.jpg Icon documentation image
  Image file KLNminiLogo.jpg Icon doc support file
  Image file testlab2.jpg Icon doc support file
  Image file testlabhead.jpg Icon doc support file

  Files folder image Files  /  awfDialog  /  examples  
File Role Description
Files folder imageGradientBuilder (3 files, 1 directory)
Files folder imageSimplePlain (1 file)
  Plain text file style.css Data example stylesheet
  Plain text file examplemenu.php Aux. examples support file

  Files folder image Files  /  awfDialog  /  examples  /  GradientBuilder  
File Role Description
Files folder imagejscolor (4 files)
  Plain text file ajax.js Data client-side ajax javascript for this example
  Plain text file index.php Example Gradient Builder example
  Plain text file steps.php Example server-side ajax callback for this example

  Files folder image Files  /  awfDialog  /  examples  /  GradientBuilder  /  jscolor  
File Role Description
  Image file cross.gif Icon support image
  Image file hv.png Icon support image
  Plain text file jscolor.js Data supporting javascript
  Image file s.gif Icon support image

  Files folder image Files  /  awfDialog  /  examples  /  SimplePlain  
File Role Description
  Plain text file index.php Example Simplest usage example

Downloadawfdialog-2008-03-27.zip 596KB
Downloadawfdialog-2008-03-27.tar.gz 585KB
Install with ComposerInstall with Composer
Needed packages  
Class DownloadWhy it is needed Dependency
Gradient Image Download .zip .tar.gz Needed for gradient title bar suppor (included) Conditional
 Version Control Unique User Downloads Download Rankings  
 0%Total:1,919All time:1,925
 This week:1This week:1,364Up
 User Ratings  
 
 All time
Utility:83%StarStarStarStarStar
Consistency:91%StarStarStarStarStar
Documentation:91%StarStarStarStarStar
Examples:91%StarStarStarStarStar
Tests:-
Videos:-
Overall:69%StarStarStarStar
Rank:259