cenotia/yii2-remote-modal

Yii2 Remote Modal

Yii2 Remote Modal

by cenotia, _(*1)

This extension enables the use of several types of modals in a simplify way and using ajax., _(*2)

In order to add it to your project you have to download the archive or use the composer tool which is the preferred way., _(*3)

In your composer.json file add the following line :, _(*4)

"cenotia/yii2-remote-modal":"*", _(*5)

and run composer update, _(*6)

In Controller

in your controller's actions (that you want to display in a modal), add the following code :, _(*7)

public function actionTest() 
{
    $request = \Yii::$app->request;
    \Yii::$app->response->format = Response::FORMAT_JSON;
    return [
        'title'=> "Test Titre",
        'content'=>"Test content", // for example: $this->renderAjax('view', [
                                   //     'model' => $model,
                                   //  ]),
        'footer'=> Html::button('Close',['class'=>'btn btn-default pull-left','data-dismiss'=>"modal"]).
        Html::button('Save',['class'=>'btn btn-primary','type'=>"submit"])
    ];
}

In your view

At the beginning of your file, _(*8)

use cenotia\components\modal\RemoteModal;

The calling link would be, _(*9)

<a href="/site/test" role="XXXXXXXXXID">Test</a>, _(*10)

At the end of the view file, add this :, _(*11)

<?php RemoteModal::begin([
    "id"=>"XXXXXXXXXID",
    "options"=> [ "class"=>"fade slide-right "],
    "footer"=>"", // always need it for jquery plugin
    ])?>
<?php RemoteModal::end(); ?>

The available classes in options are :, _(*12)

• slide-right
• stick-up
• fill-in
• slide-up