PHP Kendo\UI\Button Examples

Example #1

File: images.php Project: neevan1e/Done

<?php

require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>

<style scoped>

  .k-button .k-image
  {
    height: 16px;
  }

</style>

<?php 
$iconButton = new \Kendo\UI\Button('iconButton');
$iconButton->attr('type', 'button')->spriteCssClass('k-icon k-i-refresh')->content('Sprite icon');
echo $iconButton->render();
echo " ";
$kendoIconButton = new \Kendo\UI\Button('kendoIconButton');
$kendoIconButton->attr('type', 'button')->icon('note')->content('Kendo UI sprite icon');
echo $kendoIconButton->render();
echo " ";
$imageButton = new \Kendo\UI\Button('imageButton');
$imageButton->attr('type', 'button')->imageUrl('../content/shared/icons/sports/snowboarding.png')->content('Image icon');
echo $imageButton->render();
?>

<?php 
require_once '../include/footer.php';

Example #2

File: right-to-left-support.php Project: neevan1e/Done

<?php

require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
?>

<div class="k-rtl">

<?php 
$textButton = new \Kendo\UI\Button('textButton');
$textButton->attr('type', 'button')->content('Text button');
echo $textButton->render();
echo " ";
$iconTextButton = new \Kendo\UI\Button('iconTextButton');
$iconTextButton->tag('a')->icon('ungroup')->content('Icon and text');
echo $iconTextButton->render();
echo " ";
$iconButton = new \Kendo\UI\Button('iconButton');
$iconButton->tag('em')->icon('refresh')->content('<span class="k-icon">Refresh</span>');
echo $iconButton->render();
echo " ";
$disabledButton = new \Kendo\UI\Button('disabledButton');
$disabledButton->tag('span')->enable(false)->content('Disabled button');
echo $disabledButton->render();
?>

</div>

<?php 
require_once '../include/footer.php';

Example #3

File: api.php Project: neevan1e/Done

?>

<div class="configuration k-widget k-header">
  <span class="configHead">Button API Functions</span>
  <ul class="options">
    <li>
      <button class="k-button" id="enableButton" type="button">Enable</button> or <button class="k-button" id="disableButton" type="button">Disable</button>
    </li>
  </ul>
</div>

<br />
<br />

<?php 
$iconTextButton = new \Kendo\UI\Button('iconTextButton');
$iconTextButton->attr('type', 'button')->icon('ungroup')->content('Kendo UI Button');
echo $iconTextButton->render();
?>

<script>

  $(document).ready(function () {
    var buttonObject = $("#iconTextButton").data("kendoButton");

    $("#enableButton").click(function () {
      buttonObject.enable(true);
    });

    $("#disableButton").click(function () {
      buttonObject.enable(false);

Example #4

File: keyboard-navigation.php Project: neevan1e/Done

require_once '../include/header.php';
require_once '../lib/Kendo/Autoload.php';
$textButton = new \Kendo\UI\Button('textButton');
$textButton->attr('type', 'button')->content('Text button')->click('onClick');
echo $textButton->render();
echo " ";
$iconTextButton = new \Kendo\UI\Button('iconTextButton');
$iconTextButton->tag('span')->icon('ungroup')->content('Icon and text')->click('onClick');
echo $iconTextButton->render();
echo " ";
$iconButton = new \Kendo\UI\Button('iconButton');
$iconButton->tag('em')->icon('refresh')->content('Refresh')->click('onClick');
echo $iconButton->render();
echo " ";
$disabledButton = new \Kendo\UI\Button('disabledButton');
$disabledButton->tag('a')->enable(false)->content('Disabled button')->click('onClick');
echo $disabledButton->render();
?>

<p>(The disabled button will not fire click events)</p>

<ul class="keyboard-legend">
  <li>
    <span class="button-preview">
      <span class="key-button leftAlign">Alt</span>
      +
      <span class="key-button">W</span>
    </span>
    <span class="button-descr">
      Focuses the first button (clicking on it or tabbing will also work).

Example #5

File: index.php Project: neevan1e/Done

echo $textButton->render();
echo " ";
$iconTextButton = new \Kendo\UI\Button('iconTextButton');
$iconTextButton->tag('a')->spriteCssClass('k-icon k-i-ungroup')->content('Icon and text');
echo $iconTextButton->render();
echo " ";
$kendoIconTextButton = new \Kendo\UI\Button('kendoIconTextButton');
$kendoIconTextButton->tag('a')->icon('plus')->content('Kendo UI Icon');
echo $kendoIconTextButton->render();
echo " ";
$iconButton = new \Kendo\UI\Button('iconButton');
$iconButton->tag('em')->spriteCssClass('k-icon k-i-refresh')->content('<span class="k-sprite">Refresh</span>');
echo $iconButton->render();
?>

</p><p>

<?php 
$disabledButton1 = new \Kendo\UI\Button('disabledButton1');
$disabledButton1->tag('span')->enable(false)->content('Disabled via configuration');
echo $disabledButton1->render();
echo " ";
$disabledButton2 = new \Kendo\UI\Button('disabledButton2');
$disabledButton2->tag('span')->attr('disabled', 'disabled')->content('Disabled via HTML attribute');
echo $disabledButton2->render();
?>

</p>

<?php 
require_once '../include/footer.php';