<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>
<?php
$timeTemplate = new \Kendo\UI\NotificationTemplate();
$timeTemplate->type('time');
$timeTemplate->template("<div style='padding: .6em 1em'>Time is: <span class='timeWrap'>#: time #</span></div>");
$notification = new \Kendo\UI\Notification('notification');
$notification->width("12em");
$notification->addTemplate($timeTemplate);
$notification->show("onShow");
$notification->hide("onHide");
echo $notification->render();
?>
<div class="demo-section">
<p>
<button id="showNotification" class="k-button">Show notification</button>
<button id="hideAllNotifications" class="k-button">Hide All Notifications</button>
</p>
</div>
<div class="demo-section">
<h3 class="title">Console log</h3>
<div class="console"></div>
</div>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>
<?php
$popupNotification = new \Kendo\UI\Notification('popupNotification');
echo $popupNotification->render();
$staticNotification = new \Kendo\UI\Notification('staticNotification');
$staticNotification->appendTo('#appendto');
echo $staticNotification->render();
?>
<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 bottom-right</button>
<br />
<button id="showStaticNotification" class="k-button">Static in the right panel</button>
</p>
<h3>Hide notification:</h3>
<p>
<button id="hideAllNotifications" class="k-button">Hide All Notifications</button>
</p>
</div>
<?php
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>
<?php
require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>
<?php
$timeTemplate = new \Kendo\UI\NotificationTemplate();
$timeTemplate->type('time');
$timeTemplate->template("<div style='padding: .6em 1em'>Time is: <span class='timeWrap'>#: time #</span></div>");
$notification = new \Kendo\UI\Notification('notification');
$notification->width("12em");
$notification->addTemplate($timeTemplate);
echo $notification->render();
?>
<div class="demo-section">
<p>
<button id="showNotification" class="k-button">Show notification</button>
<button id="hideAllNotifications" class="k-button">Hide All Notifications</button>
</p>
</div>
<div class="demo-section">
<h3 class="title">Console log</h3>
<div class="console"></div>
</div>
<script>
<?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">
<?php
$position = new \Kendo\UI\NotificationPosition();
$position->pinned(true);
$position->top(30);
$position->right(30);
$infoTemplate = new \Kendo\UI\NotificationTemplate();
$infoTemplate->type('info');
$infoTemplate->templateId('emailTemplate');
$errorTemplate = new \Kendo\UI\NotificationTemplate();
$errorTemplate->type('error');
$errorTemplate->templateId('errorTemplate');
$uploadSuccess = new \Kendo\UI\NotificationTemplate();
$uploadSuccess->type('upload-success');
$uploadSuccess->templateId('successTemplate');
$notification = new \Kendo\UI\Notification('notification');
$notification->position($position);
$notification->autoHideAfter(0);
$notification->stacking("down");
$notification->addTemplate($infoTemplate);
$notification->addTemplate($errorTemplate);
$notification->addTemplate($uploadSuccess);
echo $notification->render();
?>
<span id="notification" style="display:none;"></span>
<div class="demo-section">
<h3>Show notification:</h3>
<p>