Yii 1.1: smartwizard

A flexible jQuery plug-in for wizard like interface.
2 followers

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

Total 2 comments

#17366 report it
ziii at 2014/05/29 05:26am
@tomvdp

Thanks for your request, the plugin is provided by techlaboratory, maybe this should help https://github.com/mstratman/jQuery-Smart-Wizard, it not my own creation, rather I just just converted it into a yii widget

#17365 report it
tomvdp at 2014/05/29 04:01am
At least provide the reference to the actual jQuery plugin

http://techlaboratory.net/smartwizard

Your description is a literal copy&paste of the text found at the above url.

Leave a comment

Please to leave your comment.

Create extension