yii2assets/yii2-fullscreen-modal

Fullscreen modal

1.0.2 2016-07-20 17:17 UTC

Requires

• yiisoft/yii2: *
• yiisoft/yii2-bootstrap: *

MIT

• Sathit Seethaphon

• extension
• modal
• yii2
• fullscreen

README

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();?>