require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>
<?php
$position = new \Kendo\UI\NotificationPosition();
$position->top(30);
$position->left(30);
$popupNotification = new \Kendo\UI\Notification('popupNotification');
$popupNotification->position($position);
$popupNotification->button(true);
echo $popupNotification->render();
$staticNotification = new \Kendo\UI\Notification('staticNotification');
$staticNotification->appendTo('#appendto');
$staticNotification->button(true);
echo $staticNotification->render();
?>
<div class="k-rtl">
<div class="demo-section">
<div id="appendto" class="k-block"></div>
<h3>Show notification:</h3>
<p>
<button id="showPopupNotification" class="k-button">As a popup at top-left</button>
<br />
<button id="showStaticNotification" class="k-button">Static in the left panel</button>
</p>
<h3>Hide notification:</h3>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>
<?php
$centeredNotification = new \Kendo\UI\Notification('centeredNotification');
$centeredNotification->stacking('down');
$centeredNotification->show('onShow');
$centeredNotification->button(true);
echo $centeredNotification->render();
$configurableNotification = new \Kendo\UI\Notification('configurableNotification');
echo $configurableNotification->render();
?>
<div class="demo-section">
<h3>Centered notification:</h3>
<p>
<button id="showNotification" class="k-button">Show centered notification</button>
</p>
<h3>Custom positioning:</h3>
<p>
<label for="left">Left position:</label> <input type="number" id="left" class="num" />
<label for="left">Top position:</label> <input type="number" id="top" class="num" />
<br />
<label for="left">Right position:</label> <input type="number" id="right" class="num" value="20" />
<label for="left">Bottom position:</label> <input type="number" id="bottom" class="num" value="20" />
<br />
<label for="stacking">Notification stacking:</label>
<select id="stacking" style="width:6em">
