PHP code example of ucscode / php-bs-modal

    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

    

ucscode / php-bs-modal example snippets

use Ucscode\HtmlComponent\BsModal\BsModal;
use Ucscode\HtmlComponent\BsModal\BsModalButton;

$modal = new BsModal([
    'title' => 'Welcome Dev',
    'message' => 'This is a bootstrap message',
]);

echo $modal->render();

$modal = new BsModal([
    'message' => 'This is an example of a modal',
    'closeButton' => false,
    'backdropStatic' => true,
    'closeOnEscape' => false,
    'verticalCenter' => true,
    'size' => 'sm',
    'buttons' => [
      new BsModalButton('Cancel'),
      new BsModalButton('Continue'),
    ]
])

$modal->setTitle('Dynamic Modal')

$modal->setMessage('<p>This is dynamically generated content.</p>');

$button = new BsModalButton();

$configuredButton = new BsModalButton('Save Changes', BsModalButton::TYPE_ANCHOR, [
    'class' => 'btn btn-success',
    'onclick' => 'my_function',
]);

$modal
    ->addButton($button)
    ->addButton($configuredButton)
    ->removeButton(0) // remove button at index 0
    ->removeButton($button) // remove the button instance
;

echo $modal->render();

echo $modal;

$builder = $modal->getBuilder();

$modal->getBuilder()->getContainerElement();

$modal->getElement();

$modal->getElement()->setAttribute('data-custom', 'example-value');

$modal->getElement()
    ->querySelector('.modal-header')
        ->getClassList()
            ->add('custom-header-class')
;

$modal->getElement()
    ->querySelector('.modal-body')
        ->setAttribute('id', 'custom-body-id')
;

$modal->getBuilder()
    ->getFooterElement()
        ->setVisible(false)
;

<div class="container">
     
        echo $modal->getTriggerButton()->render(); // The button to open the modal
        echo $modal->render(); // The modal itself
    

$modal = new BsModal([
  'message' => 'This will display on page load',
  'show' => true,
])

$modal = new BsModal([
  'message' => "This will trigger multiple events",
  'event:show.bs.modal' => 'showFunc',
  'event:hidden.bs.modal' => 'hiddenFunc',
]);