JQuery\Dialog
This is a normal info dialog

This is a error dialog

This is a question dialog

Source
<?=$dialog_info = new Barebone\jQuery\UI\Dialog(
'info', //dialogtype
'Information', // title
'This is a normal info dialog', // body
[], // buttons
[ // options
'autoOpen' => false,
'modal' => true
]);
?>
<?=$dialog_info1 = new Barebone\jQuery\UI\Dialog(
'error',
'Error',
'This is a error dialog',
[],
[
'autoOpen' => false,
'modal' => true
]);
?>
<?=$dialog_info2 = new Barebone\jQuery\UI\Dialog(
'question',
'Question',
'This is a question dialog',
[],
[
'autoOpen' => false,
'modal' => true
]);
?>
<?php
$form = new Barebone\HTML\TForm();
$form->append(new Barebone\HTML\TLabel('Dit is een label'));
$form->append(new Barebone\HTML\TInput('nameofel'));
$form->append(new Barebone\HTML\TLabel('Dit is nog een label'));
$form->append(new Barebone\HTML\TInput('nameofeal'));
?>
<?=$dialog_info3 = new Barebone\jQuery\UI\Dialog(
'input',
'Hello world',
$form,
[],
[
'autoOpen' => false,
'resizable' => false,
'height' => 'auto'
]);
?>
<button onclick="<?=$dialog_info->open();?>">Info</button>
<button onclick="<?=$dialog_info1->open();?>">Error</button>
<button onclick="<?=$dialog_info2->open();?>">Question</button>
<button onclick="<?=$dialog_info3->open();?>">Input dialog</button>