<?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 $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">