1. IntroJS
2. Usage
3. Resources

IntroJS ¶

...Better introductions for websites and features with a step-by-step guide for your projects....

Usage ¶

...extract introjs folder under protected/extentions folder...

...in view files...

$this->widget('application.extensions.introjs.IntroJs',array(
    'data'=>array(
        array('id'=>'introID1','step'=>1,'intro'=>'Hello World!','position'=>'right'),
        array('id'=>'IntroID2','step'=>2,'intro'=>'Yii widget powered By Mohammad Moein Hosseini Manesh'),
        /* all step and data should be defined here*/
        array('id'=>'introIDStart','start'=>true,'event'=>'onclick'), // define one element as starter,default event is onclick
        array('id'=>'introIDExit','exit'=>true,'event'=>'onclick'), // you can define elements to exit before ending IntroJs,default event is onclick
    )
));

Resources ¶

...external resources for this extension...

• Project page at github
• Try out a IntroJS demo