JeroenVinke

<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-pageable.bind="pageable" k-sortable.bind="true" id="grid" >
  <!--k-columns.bind="columns">-->
    <ak-col k-title="Product">
      <ak-col k-title="Product Name" k-field="ProductName" >
        <ak-template for="groupFooterTemplate" kendo-template.bind="true">

JeroenVinke

<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-pageable.bind="pageable" k-sortable.bind="true" id="grid" >
  <!--k-columns.bind="columns">-->
    <ak-col k-title="Product">
      <ak-col k-title="Product Name" k-field="ProductName" >
        <ak-template for="groupFooterTemplate">

JeroenVinke

<template>
	<require from="aurelia-kendoui-bridge/slider/slider"></require>
	<require from="aurelia-kendoui-bridge/gauges/arc-gauge"></require>
  <div id="example" class="k-content">
    <div id="gauge-container1">
    
    	<div id="example"
    	     role="application">
    		<div class="demo-section k-content wide">
          <ak-arc-gauge k-value.two-way="val" k-colors.bind="colors" center-template="<span style='color: #: color #;'>#: value #%</span>"></ak-arc-gauge>

JeroenVinke

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


  <div id="example">
    <div class="demo-section k-content">
      <div ak-daterangepicker="k-range.two-way: range"></div>
      <input ak-datepicker="k-value.two-way: range.start"/>
      <input ak-datepicker="k-value.two-way: range.end"/>

JeroenVinke

<template>
  <require from="aurelia-kendoui-bridge/editor/editor"></require>
  
  <div id="example">
    <textarea
    ak-rich-editor="k-tools.bind:['bold'];k-messages.bind: { bold: 'TEsBol' };k-options.bind: myOptions;"
    style="height:440px">
  </div>
</template>

JeroenVinke

<template>
  <require from="aurelia-kendoui-bridge/editor/editor"></require>
  
  <div id="example">
    <textarea
    ak-rich-editor="k-tools.bind:['bold'];k-messages.bind: { bold: 'TEsBol' };k-placeholder.bind: 'test';"
    placeholder="test"
    ak-placeholder="test"
    style="height:440px">
  </div>

JeroenVinke

<template>
  <require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>
  <require from="aurelia-kendoui-bridge/common/template"></require>
  
  <div id="example">
    <div class="demo-section wide k-content">
      <ak-multiselect k-placeholder="Select addresses..."
                     k-data-text-field="ShipName"
                     k-data-value-field="OrderID"
                     k-height.bind="520"

JeroenVinke

<template>
  <require from="./content-template.css!css"></require>
  <require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
  <require from="./reusable-tooltip"></require>
  

  <div id="example">
    <div class="demo-section k-content wide">
      <ul id="products"
          class="dairy-photos"

JeroenVinke

<template>
    <require from="aurelia-kendoui-bridge/chart/chart"></require>
    <a route-href="route.bind: 'welcome'">Go to somewhere else</a>
    <ak-chart
        k-title.bind="{text: 'Gross Domestic product growth GDP annual %'}"
        k-legend.bind="{position: 'bottom'}"
        k-series-defaults.bind="seriesDefaults"
        k-series.bind="series"
        k-value-axis.bind="valueAxis"
        k-category-axis.bind="categoryAxis"

JeroenVinke

<template>
    <require from="aurelia-kendoui-bridge/chart/chart"></require>
    <a route-href="route.bind: 'welcome'">Go to somewhere else</a>
    <ak-chart
        k-title.bind="{text: 'Gross Domestic product growth GDP annual %'}"
        k-legend.bind="{position: 'bottom'}"
        k-series-defaults.bind="seriesDefaults"
        k-series.bind="series"
        k-value-axis.bind="valueAxis"
        k-category-axis.bind="categoryAxis"