mycademy/yii2-bootstrap-tour

Bootstrap Tour Extension for Yii 2

Bootstrap Tour Extension for Yii 2

BETA, TEST WELL BEFORE USE!, _(*1)

This is a Bootstrap Tour extension for Yii framework 2.0. It encapsulates the Bootstrap Tour component in terms of a Yii widget, and thus makes using Bootstrap Tour component in Yii applications extremely easy., _(*2)

For license information check the LICENSE-file., _(*3)

Installation

The preferred way to install this extension is through composer., _(*4)

Either run, _(*5)

php composer.phar require mycademy/yii2-bootstrap-tour

or add, _(*6)

"mycademy/yii2-bootstrap-tour": "dev-master"

to the require section of your composer.json file., _(*7)

Usage

For example, the following lines of code in a view file would render a Bootstrap Tour:, _(*8)

 [ //Bootstrap Tour Options, see: http://bootstraptour.com/api/
        'steps' => [
            [
                'element' => "#element1",
                'title' => "Step 1",
                'content' => "Content of my step 1",
            ],
            [
                'element' => "#element2",
                'title' => "Step 2",
                'content' => "Content of my step 2",
            ],
        ],
    ],
]);
?>

If you want to manually start the tour:, _(*9)

 'window', //Set scope to make the 'tour' variable global
    'startMode' => Tour::START_MODE_INIT_ONLY, //Only initialize the tour
    'clientOptions' => [ //Bootstrap Tour Options, see: http://bootstraptour.com/api/
        'steps' => [
            [
                'element' => "#element1",
                'title' => "Step 1",
                'content' => "Content of my step 1",
            ],
            [
                'element' => "#element2",
                'title' => "Step 2",
                'content' => "Content of my step 2",
            ],
        ],
    ],
]);

$tour->run();

echo Html::button('Start the tour', [
    'onclick' => $tour->getVarName().'.start(true);' //use $tour->getVarName() to get the reference to the 'tour' var name
]);
?>