Yii2 Fullscreen Modal

Bootstrap fullscreen modal

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist yii2assets/yii2-fullscreen-modal "*"

or add

"yii2assets/yii2-fullscreen-modal": "*"

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code by :

<?php \yii2assets\fullscreenmodal\FullscreenModal::begin([
   'header' => '<h4 class="modal-title text-center">Fullscreen Modal</h4>',
   'footer' => '<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
               <button type="button" class="btn btn-primary">Save changes</button>',

   'toggleButton' => ['label' => 'Open','class'=>'btn btn-primary'],
]);?>

<p> Content </p>

<?php FullscreenModal::end();?>

Config modal-body no padding

modalbodyPadding => false, //false or set value '10px'

<?php \yii2assets\fullscreenmodal\FullscreenModal::begin([
   'header' => '<h4 class="modal-title text-center">Fullscreen Modal</h4>',
   'footer' => '<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
               <button type="button" class="btn btn-primary">Save changes</button>',
   'modalbodyPadding'=>false, // <<-----------
   'toggleButton' => ['label' => 'Open','class'=>'btn btn-primary'],
]);?>

<p> Content </p>

<?php FullscreenModal::end();?>