Skip to content

Instantly share code, notes, and snippets.

@gist-master
gist-master / app.html
Last active August 9, 2016 20:55 — forked from adriatic/app.html
Area charts: stepped area
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'A digital signal'}"
k-legend.bind="{visible: false}"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis">
</ak-chart>
</template>
@gist-master
gist-master / app.html
Last active August 10, 2016 08:29 — forked from adriatic/app.html
Diagram: built in layouts
<template>
<require from="aurelia-kendoui-bridge/diagram/diagram"></require>
<require from="aurelia-kendoui-bridge/dropdownlist/dropdownlist"></require>
<div id="example">
<div class="demo-section k-content wide">
<div class="box wide">
<div class="box-col">
<h4>Layout: </h4>
@gist-master
gist-master / app.html
Last active August 9, 2016 21:05 — forked from adriatic/app.html
Bar chart: Plot bands
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Spain electricity production (GWh)'}"
k-data-source.bind="datasource"
k-legend.bind="{position: 'top'}"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
</ak-chart>
@gist-master
gist-master / app.html
Last active August 10, 2016 08:44 — forked from adriatic/app.html
ComboBox: customizing templates
<template>
<require from="./customizing-templates.css!css"></require>
<require from="aurelia-kendoui-bridge/combobox/combobox"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example cbx">
<div class="demo-section k-content">
<h4>Customers</h4>
<ak-combobox k-data-text-field="ContactName"
k-data-value-field="CustomerID"
@gist-master
gist-master / app.html
Last active August 9, 2016 21:14 — forked from adriatic/app.html
Bubble charts: binding to remote data
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-data-source.bind="datasource"
k-legend.bind="legend"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-x-axis.bind="xAxis"
k-y-axis.bind="yAxis"
k-tooltip.bind="tooltip">
</ak-chart>
@gist-master
gist-master / app.html
Last active August 9, 2016 18:58 — forked from adriatic/app.html
Upload: initial files
<template>
<require from="aurelia-kendoui-bridge/upload/upload"></require>
<div id="example">
<div class="box">
<h4>Information</h4>
<p>
The Upload can be used as a drop-in replacement
for file input elements. This "synchronous" mode does not require
special handling on the server.
</p>
@gist-master
gist-master / app.html
Last active August 10, 2016 08:44 — forked from adriatic/app.html
ComboBox: grouping
<template>
<require from="aurelia-kendoui-bridge/combobox/combobox"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Customers</h4>
<ak-combobox k-data-text-field="ContactName"
k-data-value-field="CustomerID"
k-height="400"
k-data-source.bind="dataSource"
@gist-master
gist-master / app.html
Last active August 9, 2016 20:53 — forked from adriatic/app.html
Area charts: logarithmic axis
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Spain electricity production (GWh)'}"
k-data-source.bind="datasource"
k-legend.bind="{position: 'top'}"
k-series-defaults.bind="{type: 'area'}"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
@gist-master
gist-master / app.html
Last active August 9, 2016 20:36 — forked from adriatic/app.html
Calendar: disable dates
<template>
<require from="aurelia-kendoui-bridge/calendar/calendar"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example">
<div class="demo-section k-content" style="text-align: center;">
<h4>Disable weekends</h4>
<ak-calendar k-disable-dates.bind="['sa', 'su']"></ak-calendar>
<h4 style="margin-top:1em">Disable Federal Holidays in USA in 2015</h4>
<ak-calendar k-dates.bind="holidays"
@gist-master
gist-master / app.html
Last active August 10, 2016 08:25 — forked from adriatic/app.html
Drag and Drop: area
<template>
<require from="./area.css!css"></require>
<require from="aurelia-kendoui-bridge/draggable/draggable"></require>
<require from="aurelia-kendoui-bridge/drop-target/drop-target-area"></require>
<div id="example">
<div class="demo-section k-content">
<div ak-drop-target-area="k-filter: .test1, .test2"
k-on-dragenter.delegate="droptargetOnDragEnter($event.detail)"
k-on-dragleave.delegate="droptargetOnDragLeave($event.detail)"