Skip to content

Instantly share code, notes, and snippets.

@gist-master
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
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
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
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
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
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
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
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
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
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>