Skip to content

Yii2Assets/yii2-fullscreen-modal

Repository files navigation

Yii2 Fullscreen Modal

Latest Stable Version Total Downloads Latest Unstable Version License composer.lock

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