gist-master’s gists

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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 / 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=" " width="250px"></ak-col>