gist-master’s gists

gist-master / app.html

Last active August 10, 2016 08:12 — forked from adriatic/app.html

Gantt: events

	<template>
	<require from="aurelia-kendoui-bridge/gantt/gantt"></require>
	<require from="aurelia-kendoui-bridge/gantt/gantt-col"></require>
	<require from="./logger.js"></require>

	<div id="example">
	<ak-gantt k-data-source.bind="tasksDataSource"
	k-dependencies.bind="dependenciesDataSource"
	k-views.bind="['day', {type:'week', selected: true}, 'month']"
	k-height.bind="700"

gist-master / app.html

Last active August 9, 2016 19:48 — forked from adriatic/app.html

Autocomplete: virtualization

	<template>
	<require from="aurelia-kendoui-bridge/autocomplete/autocomplete"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>
	<div id="example">
	<div class="demo-section k-content">
	<h4>Search for shipping name</h4>

	<ak-autocomplete k-data-source.bind="datasource"
	k-virtual.bind="virtual"
	k-data-text-field="ShipName"

gist-master / app.html

Last active August 9, 2016 22:31 — forked from adriatic/app.html

Waterfall charts: binding to remote data

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: '"Pocket price" waterfall'}"
	k-legend.bind="{visible: false}"
	k-series.bind="series"
	k-data-source.bind="dataSource"
	k-value-axis.bind="{labels: {format: 'C'}}">
	</ak-chart>
	</template>

gist-master / app.html

Last active August 9, 2016 13:19 — forked from adriatic/app.html

Barcode: basic use

	<template>
	<require from="./basic-use.css!"></require>
	<div id="example">
	<div class="demo-section wide k-content">
	<ul id="dairy">
	<li>
	<img src="http://demos.telerik.com/kendo-ui/content/shared/images/foods/200/12.jpg" alt="Queso Manchego La Pastora" />
	<span ak-barcode="k-value: 2346722; k-type: ean8; k-width.bind: 280; k-height.bind: 100"></span>
	</li>
	<li>

gist-master / app.html

Last active August 9, 2016 21:03 — forked from adriatic/app.html

Bar chart: Logarithmic axis

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Fibonacci sequence'}"
	k-series.bind="series"
	k-value-axis.bind="valueAxis">
	</ak-chart>
	</template>

gist-master / app.html

Last active February 24, 2017 14:06 — forked from adriatic/app.html

Area charts: Binding to remote data

	<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-series-defaults.bind="{type: 'area'}"
	k-value-axis.bind="valueAxis"
	k-category-axis.bind="categoryAxis"
	k-tooltip.bind="tooltip">

gist-master / app.html

Last active August 9, 2016 21:48 — forked from adriatic/app.html

Polar charts: polar scatter

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Buck spread'}"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="{type: 'polarScatter'}"
	k-series.bind="series"
	k-y-axis.bind="{max: 10}">
	</ak-chart>
	</template>

gist-master / app.html

Last active August 9, 2016 19:32 — forked from adriatic/app.html

Tooltip: basic use

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

	<div id="example"
	ak-tooltip="k-filter: a;
	k-width.bind: 120;
	k-position: top;
	k-widget.bind: tooltip">
	<div class="demo-section k-content wide">

gist-master / app.html

Last active August 10, 2016 07:44 — forked from adriatic/app.html

Map: bing tile layer

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

	<div id="example">
	<div id="bing-tile-layer">
	<div style="text-align: center;">
	<ak-map k-center.bind = "center"
	k-zoom.bind = "3"
	k-layers.bind = "layers">
	</ak-map>

gist-master / app.html

Last active August 9, 2016 20:29 — forked from adriatic/app.html

Button: events

	<template>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<require from="./logger.js"></require>
	<div id="example">
	<div id="button-events">
	<div class="demo-section k-content">
	<button type="button" id="textButton" ak-button k-on-click.delegate="btnClicked($event.detail)">
	Text Button
	</button>
	<span id="refreshButton" ak-button="k-icon: refresh" k-on-click.delegate="btnClicked($event.detail)">Refresh Button</span>