gist-master’s gists

gist-master / app.html

Last active July 12, 2018 13:48 — forked from adriatic/app.html

autocomplete basic-use

	<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">
	<p><strong>People:</strong></p>
	<ak-autocomplete k-data-source.bind="items">
	<input style="width: 100%;">
	</ak-autocomplete>
	<p class="demo-hint" style="word-break: break-all">Type a name, available values in the list are: ${ items } </p>

gist-master / app.html

Last active May 3, 2018 08:13 — forked from adriatic/app.html

Tooltip: content template

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

	<div id="example">
	<div class="demo-section k-content wide">
	<ul id="products"
	class="dairy-photos"
	ak-tooltip="k-filter: a; k-content.call: getTemplate($event); k-width.bind: 400; k-height.bind: 200; k-position: top">
	<li>

gist-master / app.html

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

Funnel charts: binding to local data

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<div class="demo-section k-content wide">
	<h4>Website optimization stats</h4>
	<div id="before"></div>
	<div id="after"></div>
	<div class="row">
	<div class="col-xs-12 col-sm-6">
	<ak-chart k-title.bind="{text: 'Before optimization'}"
	style="height: 256px"

gist-master / app.html

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

Datepicker: events

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

	<div id="example">
	<div class="demo-section k-content">
	<h4>Select date</h4>
	<input id="datepicker" ak-datepicker="k-widget.two-way: datepicker"
	k-on-open.delegate="onOpen()"
	k-on-close.delegate="onClose()"

gist-master / app.html

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

Scatter charts: binding to grouped data

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Stock Prices'}"
	k-data-source.bind="stocksDataSource"
	k-series.bind="series"
	k-legend.bind="{position: 'bottom'}"
	k-y-axis.bind="yAxis"
	k-x-axis.bind="{labels: {format: 'MMM'}}">
	</ak-chart>
	</template>

gist-master / app.html

Last active July 4, 2018 00:13 — forked from adriatic/app.html

Buttongroup

	<template>
	<require from="aurelia-kendoui-bridge/buttongroup/buttongroup"></require>
	<require from="./logger.js"></require>
	<div id="example" data-use-native-scrolling="true">

	<div class="demo-section k-content">
	<ul ak-buttongroup="k-index.bind: 0"
	k-on-select.delegate="onSelect($event.detail)"
	style="margin: 0 auto;">
	<li>

gist-master / app.html

Last active February 22, 2017 10:26 — forked from adriatic/app.html

ComboBox: cascading combobox

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

	<div id="example">
	<div class="demo-section k-content">
	<h4>Categories:</h4>
	<ak-combobox k-option-label="Select category..."
	k-data-text-field="CategoryName"
	k-data-value-field="CategoryID"

gist-master / app.html

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

Stock charts: pdf export

	<template>
	<require from="aurelia-kendoui-bridge/chart/stock"></require>
	<require from="./pdf-export.css"></require>

	<div class="box wide">
	<h4>Export Stock Chart</h4>
	<div class="box-col">
	<button class='export-pdf ak-button' click.delegate="exportPDF()">Save as PDF</button>
	</div>
	</div>

gist-master / app.html

Last active February 15, 2018 19:32 — forked from adriatic/app.html

ComboBox: events

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

	<div id="example">
	<div class="demo-section k-content">
	<h4>dropdownlist</h4>
	<ak-combobox k-data-text-field="text"
	k-data-value-field="value"
	k-data-source.bind="data"

gist-master / app.html

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

Button: images

	<template>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<require from="./images.css"></require>

	<div id="example">
	<div class="demo-section k-content">
	<button ak-button="k-sprite-css-class: k-icon netherlandsFlag">Sprite icon</button>
	<button ak-button="k-icon: funnel">Kendo UI sprite icon</button>
	<button ak-button="k-image-url: http://demos.telerik.com/kendo-ui/content/shared/icons/sports/snowboarding.png">Image icon</button>
	</div>