smartwizard A flexible jQuery plug-in for wizard like interface.

  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

1 0
2 followers
610 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: ziii
Created on: May 28, 2014
Last updated: 9 years ago

Downloads

show all

Related Extensions