PHP Kendo\UI\Notification Beispiele

Beispiel #1

Datei: events.php Projekt: neevan1e/Done

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

Beispiel #2

Datei: index.php Projekt: neevan1e/Done

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

Beispiel #3

Datei: right-to-left-support.php Projekt: neevan1e/Done

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

Beispiel #4

Datei: api.php Projekt: neevan1e/Done

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

Beispiel #5

Datei: position-stacking.php Projekt: neevan1e/Done

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

Beispiel #6

Datei: templates.php Projekt: neevan1e/Done

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