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

  Author Author  
Picture of AW Ford
Name: AW Ford <contact>
Classes: 1 package by
Country: United States United States
Age: 44
All time rank: 1414191 in United States United States
Week rank: 1790 Down210 in United States United States Down
Innovation award
Innovation award
Nominee: 1x


  Detailed description   Download Download .zip .tar.gz  
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

  Classes of AW Ford  >  awfDialog Wizard  >  Download Download .zip .tar.gz  >  Support forum Support forum (4)  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: awfDialog Wizard
Base name: awfdialog
Description: Generate wizard-like Web user interface using AJAX
Version: 1.2
PHP version: 5.0
License: GNU General Public License (GPL)
All time users: 1894 users
All time rank: 1933
Week users: 0 users
Week rank: 1476 Equal
 
  Groups   Screenshots Screenshots   Rate classes User ratings  
  Dependencies   Applications   Related pages   Files Files  

  Groups  
Group folder image HTML HTML generation and processing View top rated classes
Group folder image AJAX Interact with the Web server without page reloading View top rated classes

  Files folder image Screenshots  
cssref2.jpg
File Role Description
Accessible without login Image file cssref2.jpg Screen CSS Reference
Accessible without login Image file scr1.jpg Screen Screenshot from the Gradient Builder example
Accessible without login Image file scr2.jpg Screen Another screenshot from the last step of the Gradient Builder example


  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

  User ratings  
RatingsUtility Consistency Documentation Examples Tests Videos Overall Rank
All time: Good (83%) Good (91%) Good (91%) Good (91%) - - Sufficient (69%) 249
Month: Not yet rated by the users

  Packages needed by this class  
Class DownloadWhy it is needed Dependency
Gradient Image Download .zip .tar.gz Needed for gradient title bar suppor (included) Conditional

  Applications that use this package  
No pages of applications that use this class were specified.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related pages  
awfTestLab
Official Support Site

  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

Download Download all files: awfdialog.tar.gz awfdialog.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.