xenod

<template>
  <require from="aurelia-kendoui-bridge/grid/grid"></require>
  <require from="aurelia-kendoui-bridge/grid/col"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>

  <ak-grid k-data-source.bind="datasource"
          k-selectable="row"
          k-widget.bind="grid">
    <ak-col k-title="ProductName" k-field="ProductName"></ak-col>
    <ak-col k-title="Unit Price" k-field="UnitPrice" k-format="{0:c}" k-width="130px"></ak-col>

xenod

<template>
   <require from="aurelia-kendoui-bridge/button/button"></require>
    <require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>
    <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
    <require from="aurelia-kendoui-bridge/grid/grid"></require>
    <require from="aurelia-kendoui-bridge/grid/col"></require>
    <require from="aurelia-kendoui-bridge/common/template"></require>
    <require from="aurelia-kendoui-bridge/splitter/splitter"></require>
    <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
    <require from="./my-element"></require>

xenod

<template>
  <require from="aurelia-kendoui-bridge/dropdownlist/dropdownlist"></require>

  <div id="example">
  <compose view.bind="currentView"></compose>
  
  <div>
  <button click.delegate="setView(1)"> View1</button>
    <button click.delegate="setView(2)">View2 </button>
    </div>

xenod

<template>
  <require from="aurelia-kendoui-bridge/dropdownlist/dropdownlist"></require>

  <div id="example">
  <compose view.bind="currentView"></compose>
  
  <button click.delegate="setView(1)"> View1</button>
    <button click.delegate="setView(2)">View2 </button>
  </div>
  <style>

xenod

<template>
    <require from="./basic-usage.css!css"></require>
    <require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>

    <div id="example">
      <div id="add-product" class="demo-section k-content">
        <p class="title">Add new product</p>
        <ul id="fieldlist">
          <li>
            <label for="currency">Aurelia approach:</label>

xenod

<template>
    <require from="./basic-usage.css!css"></require>
    <require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>

    <div id="example">
      <div id="add-product" class="demo-section k-content">
        <p class="title">Add new product</p>
        <ul id="fieldlist">
          <li>
            <label for="currency">Price:</label>

xenod

<template>
  <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
  <button type="input/button" click.delegate="readDataSource()">datassource.read()</button>
  <div id="example" class="k-content">
      <ak-scheduler k-date.bind="date"
                   k-start-time.bind="startTime"
                   k-event-height.bind="50"
                   k-major-tick.bind="60"
                   k-views.bind="views"
                   k-widget.bind="scheduler"

xenod

<template>
  <require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
  
  <div id="example" class="k-content">
      <ak-scheduler k-date.bind="date"
                   k-start-time.bind="startTime"
                   k-event-height.bind="50"
                   k-major-tick.bind="60"
                   k-views.bind="views"
                   k-timezone="Etc/UTC"

xenod

<template>
  <require from="./customizing-templates.css"></require>
  <div id="example">
    <div class="demo-section k-content">
        <h4>Customers</h4>
        <ak-drop-down-list 
                          k-height="400"
                          k-data-source.bind="dataSource"
                          style="width: 100%">
      	<ak-template>

xenod

<template>
  <require from="./customizing-templates.css"></require>
  <div id="example">
    <div class="demo-section k-content">
        <h4>Customers</h4>
        <ak-drop-down-list 
                          k-height="400"
                          k-data-source.bind="dataSource"
                          style="width: 100%">
      	<ak-template>