Skip to content

Instantly share code, notes, and snippets.

@gist-master
gist-master / app.html
Created June 29, 2017 19:55 — forked from JeroenVinke/app.html
Grid: detail template
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<require from="./my-custom-element"></require>
<ak-grid k-data-source.bind="datasource">
<ak-col k-title="First Name" k-field="FirstName"></ak-col>
<ak-template for="detailTemplate">
<customer-orders customer.bind="$this" orders.bind="Orders" firstname.bind="FirstName"></customer-orders>
@gist-master
gist-master / app.html
Created June 29, 2017 19:54 — forked from JeroenVinke/app.html
DateInput: basic use
<template>
<require from="aurelia-kendoui-bridge/dateinput/dateinput"></require>
<div class="demo-section k-content">
<h4>Enter a date</h4>
<input ak-date-input="k-format: MM/dd/yyyy" title="please enter date" style="width: 100%" />
</div>
</template>
@gist-master
gist-master / app.html
Last active June 29, 2017 19:49 — forked from JeroenVinke/app.html
Listbox: basic use
<template>
<require from="aurelia-kendoui-bridge/listbox/listbox"></require>
<require from="./style.css!css"></require>
<div class="demo-section k-content">
<div>
<label for="optional" id="employees">Employees</label>
<label for="selected">Developers</label>
<br />
<ak-list-box k-connect-with="selected" k-toolbar.bind="toolbar">
@gist-master
gist-master / app.html
Created June 29, 2017 17:33 — forked from JeroenVinke/app.html
Mediaplayer: keyboard navigation
<template>
<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>
<div class="demo-section k-content wide" style="max-width: 900px;">
<div id="mediaPlayer" style="height:360px"
ak-mediaplayer="k-media.bind: { title: 'Recap of Progress', source: 'http://telerik-media.s3.amazonaws.com/digital-factory/digital-factory-720.mp4'};
k-auto-play.bind: true;
k-navigatable.bind: true;
k-widget.bind:mediaPlayer"></div>
@gist-master
gist-master / app.css
Created June 29, 2017 17:32 — forked from JeroenVinke/app.css
Mediaplayer: api
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
@gist-master
gist-master / app.html
Created June 29, 2017 17:31 — forked from JeroenVinke/app.html
Mediaplayer: events
<template>
<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>
<require from="./logger"></require>
<div id="example">
<div class="demo-section k-content">
<div id="mediaPlayer" style="height:360px" ak-mediaplayer="k-media.bind: { title: 'Recap of Progress', source: 'https://www.youtube.com/watch?v=tc3xhD24iTU' };
k-auto-play.bind: true;
k-navigatable.bind: true;
k-widget.bind: mediaPlayer"
@gist-master
gist-master / app.html
Created June 29, 2017 17:31 — forked from JeroenVinke/app.html
Mediaplayer: playlist
<template>
<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>
<require from="aurelia-kendoui-bridge/listview/listview"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="mediaPlayer" style="height:360px" ak-mediaplayer="k-autoPlay.bind: true; k-widget.bind: mediaPlayer">
</div>
<div class="k-list-container playlist">
<ul id="listView" class="k-list"></ul>
<ak-list-view k-data-source.bind="videos"
@gist-master
gist-master / app.html
Created April 18, 2017 13:35 — forked from JeroenVinke/app.html
Grid: multiselect
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<require from="aurelia-kendoui-bridge/grid/grid-command"></require>
<h1>Multiselect</h1>
<button ak-button click.delegate="showSelection()">Show selection</button>
@gist-master
gist-master / app.html
Created January 24, 2017 11:26 — forked from JeroenVinke/app.html
Aurelia KendoUI component - problem report
<!-- put your view here -->
<template>
<labeL>
<input type="checkbox" checked.bind="preventDefault"/>
Prevent filter
</labeL>
<br>
<ak-drop-down-list k-data-text-field="omschrijving"
@gist-master
gist-master / app.html
Last active January 26, 2017 09:40 — forked from JeroenVinke/app.html
Grid: messages translation
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<ak-grid k-data-source.bind="datasource" k-pageable.bind="true" k-toolbar.bind="['create']" k-editable="inline" k-messages.bind="messages">
<ak-col k-field="ProductName"></ak-col>
<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="120px"></ak-col>
<ak-col k-field="UnitsInStock" k-title="Units In Stock" k-width="120px"></ak-col>
<ak-col k-field="Discontinued" k-width="120px"></ak-col>
<ak-col k-command.bind="['edit', 'destroy']" k-title="&nbsp;" width="250px"></ak-col>