Skip to content

Instantly share code, notes, and snippets.

View gist-master's full-sized avatar

gist-master

View GitHub Profile
@gist-master
gist-master / app.html
Last active August 10, 2016 08:43 — forked from adriatic/app.html
ComboBox: - virtualization
<template>
<require from="aurelia-kendoui-bridge/combobox/combobox"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Orders</h4>
<ak-combobox k-data-text-field="ShipName"
k-data-value-field="OrderID"
k-filter="contains"
@gist-master
gist-master / app.html
Last active August 10, 2016 08:49 — forked from adriatic/app.html
Colorpicker: basic use
<template>
<require from="aurelia-kendoui-bridge/colorpalette/colorpalette"></require>
<require from="aurelia-kendoui-bridge/colorpicker/colorpicker"></require>
<require from="./basic-use.css!css"></require>
<div id="example">
<div class="demo-section hidden-on-narrow k-content wide">
<div id="background" css="background-color: ${ background }">
<div class="column">
<h3 class="title">Select Wall Paint</h3>
@gist-master
gist-master / app.css
Last active August 9, 2016 13:19 — forked from adriatic/app.css
autocomplete - api
.box .k-textbox {
width: 80px;
}
.box .k-button {
min-width: 80px;
}
li {
margin: 0;
padding: 0;
list-style: none;
@gist-master
gist-master / app.html
Last active August 10, 2016 08:38 — forked from adriatic/app.html
DateTimePicker: basic usage
<template>
<require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Remind me on</h4>
<input ak-datetimepicker="k-value.bind: today" style="width: 100%" />
</div>
</div>
</template>
@gist-master
gist-master / app.html
Created July 19, 2016 18:49 — forked from adriatic/app.html
Map: export
<!-- app.html -->
@gist-master
gist-master / app.html
Last active August 9, 2016 21:45 — forked from adriatic/app.html
Pie charts: pie labels
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-widget.bind="chart"
k-title.bind="{text: 'What is you favourite sport?'}"
k-legend.bind="legend"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-tooltip.bind="tooltip">
</ak-chart>
@gist-master
gist-master / app.html
Last active August 9, 2016 21:09 — forked from adriatic/app.html
Boxplot charts: binding to local data
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Ozone Concentration (ppm)'}"
k-legend.bind="legend"
k-data-source.bind="{data: ozone}"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
@gist-master
gist-master / app.html
Created July 19, 2016 18:49 — forked from adriatic/app.html
Sparkline: remote data
<!-- app.html -->
@gist-master
gist-master / app.html
Last active April 8, 2017 19:40 — forked from adriatic/app.html
Scatter charts: basic use
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Rainfall - Wind Speed'}"
k-legend.bind="{position: 'bottom'}"
k-series-defaults.bind="{type: 'scatter'}"
k-series.bind="series"
k-x-axis.bind="xAxis"
k-y-axis.bind="yAxis">
</ak-chart>
</template>
@gist-master
gist-master / app.html
Last active August 9, 2016 21:34 — forked from adriatic/app.html
Donut charts: basic use
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<div id="example">
<div class="demo-section k-content wide">
<ak-chart k-legend.bind="legend"
k-chart-area.bind="chartArea"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-tooltip.bind="tooltip"
style="background: center no-repeat url('http://demos.telerik.com/kendo-ui/content/shared/styles/world-map.png');">