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

Recommend this page to a friend!
  Info   View files Example   Screenshots Screenshots   View files View files (50)   DownloadInstall with Composer Download .zip   Reputation   Support forum (4)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 62%Total: 2,006 All time: 1,943 This week: 237Up
Version License PHP version Categories
awfdialog 1.2GNU General Publi...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
  Performance   Level  
Name: AW Ford <contact>
Classes: 1 package by
Country: United States United States
Age: 51
All time rank: 1484209 in United States United States
Week rank: 567 Up57 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)
  Accessible without login Plain text file index.php Aux. documentation redirector
  Accessible without login 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
  Accessible without login Plain text file image2.php Aux. class dependency

  Files folder image Files  /  awfDialog  /  lib  /  images  
File Role Description
  Accessible without login Image file exit.gif Icon dependent image
  Accessible without login Image file help.gif Icon dependent image
  Accessible without login Image file icoChat.gif Icon dependent image
  Accessible without login Image file icoConfig.gif Icon dependent image
  Accessible without login Image file icoDownload.gif Icon dependent image
  Accessible without login Image file icoError.gif Icon dependent image
  Accessible without login Image file icoHelp.gif Icon dependent image
  Accessible without login Image file icoInfo.gif Icon dependent image
  Accessible without login Image file icoKey.gif Icon dependent image
  Accessible without login Image file icoLocked.gif Icon dependent image
  Accessible without login Image file icoMail.gif Icon dependent image
  Accessible without login Image file icoMoney.gif Icon dependent image
  Accessible without login Image file icoSearch.gif Icon dependent image
  Accessible without login Image file icoUnlocked.gif Icon dependent image
  Accessible without login Image file icoUpload.gif Icon dependent image
  Accessible without login Image file icoUser.gif Icon dependent image
  Accessible without login Image file icoUsers.gif Icon dependent image
  Accessible without login Image file icoWarn.gif Icon dependent image
  Accessible without login Image file icoWizard.gif Icon dependent image
  Accessible without login Image file wizCancel.gif Icon dependent image
  Accessible without login Image file wizDefault.jpg Icon dependent image
  Accessible without login Image file wizNext.gif Icon dependent image
  Accessible without login Image file wizPrev.gif Icon dependent image
  Accessible without login 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
  Accessible without login Plain text file cssref.php Doc. CSS Reference
  Accessible without login Plain text file docmenu.php Aux. Documentation Menu
  Accessible without login Plain text file index.php Doc. About and Feature List
  Accessible without login Plain text file license.php Doc. License Info
  Accessible without login Plain text file style.css Data stylesheet
  Accessible without login Plain text file usage.php Doc. Detailed property and method reference

  Files folder image Files  /  awfDialog  /  docs  /  images  
File Role Description
  Accessible without login Image file cssref.jpg Icon documentation image
  Accessible without login Image file KLNminiLogo.jpg Icon doc support file
  Accessible without login Image file testlab2.jpg Icon doc support file
  Accessible without login 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)
  Accessible without login Plain text file style.css Data example stylesheet
  Accessible without login Plain text file examplemenu.php Aux. examples support file

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

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

  Files folder image Files  /  awfDialog  /  examples  /  SimplePlain  
File Role Description
  Accessible without login 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:2,006
This week:0
All time:1,943
This week:237Up
 User Ratings  
 
 All time
Utility:75%StarStarStarStar
Consistency:85%StarStarStarStarStar
Documentation:85%StarStarStarStarStar
Examples:80%StarStarStarStarStar
Tests:-
Videos:-
Overall:62%StarStarStarStar
Rank:1086
  

For more information send a message to info at phpclasses dot org.