1. Features
2. Installation
3. Requirements
4. Usage
5. Resources

Smart Wizard is a flexible jQuery plug-in for wizard like interface. It allows to group contents into sections and so it saves page space and also gives a neat and stylish interface for users. Using Smart Wizard 2.0 you can easily do input validation and so it is good for user registration and kind of tasks.

Features ¶

Easy to implement, Minimal HTML required. Ajax contents loading option. Cool animation effects on step navigation. (none/fade/slide/slideleft) Keyboard navigation option Horizontal and vertical style step anchors. Easy step input validation option Option to highlight error steps In-built message box Easy navigation with step anchors and navigation buttons Can have multiple wizards on same page Option to enable all steps on first load

Installation ¶

Installation: unzip to protected/extensions/

Requirements ¶

Yii 1.X

Usage ¶

In your View Call the smartWizard widget

$this->widget("ext.smartwizard.smartWizard",array(
               "onFinish"=>'onFinishCallback',
               "onLeaveStep"=>'leaveAStepCallback',//more options check attached documentation

               "tabs"=>array(
                  array(
                     "StepTitle"=>"Account Details",
                     "stepDetails"=>"Fill your account details",                    
                     "content"=>$this->renderPartial("account_details",array(),true,false)
                     ),
                   array(
                     "StepTitle"=>"Profile Details",
                     "stepDetails"=>"Fill your Profile details",                    
                     "content"=>$this->renderPartial("personal_details",array(),true,false)
                     ),
                    array(
                     "StepTitle"=>"Contact Details",
                     "stepDetails"=>"Fill your contact details",                    
                     "content"=>$this->renderPartial("contact_details",array(),true,false)
                     ),
                    array(
                     "StepTitle"=>"Other Details",
                     "stepDetails"=>"Fill your other details",                    
                     "content"=>$this->renderPartial("other_details",array(),true,false)
                     ),
                   .....Other tabs......

                  ),
         ));

Resources ¶

http://techlaboratory.net/smartwizard

• Project page
• Try out a demo