JeroenVinke’s gists

JeroenVinke / app.html

Last active July 24, 2017 07:43 — forked from gist-master/app.html

DateInput


	<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>

JeroenVinke / app.html

Last active June 24, 2017 13:59 — forked from gist-master/app.html

Switch: value binding

	<template>
	<require from="aurelia-kendoui-bridge/switch/switch"></require>
	<require from="./value-binding.css!css"></require>

	<div id="example">
	<div class="demo-section k-content">
	<p>Notifications are ${isChecked ? 'enabled' : 'disabled'}</p>
	<input type="checkbox" checked.bind="isChecked"/>

	<div class="settings-head"></div>

JeroenVinke / app.html

Created June 6, 2017 07:45 — forked from gist-master/app.html

ListView:selection

	<template>
	<require from="./logger.js"></require>
	<require from="./selection.css!css"></require>
	<require from="aurelia-kendoui-bridge/listview/listview"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<style>
	.red { background-color: red }
	</style>

JeroenVinke / app.html

Created June 2, 2017 07:08 — forked from pKrav75/app.html

Grid: datasource read

	<template>
	<compose view-model="app1"></compose>
	</template>

JeroenVinke / app.html

Last active May 30, 2017 19:27 — forked from SaucyJack/app.html

Editor: basic usage

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

	<div id="example">
	<textarea ak-rich-editor value.bind="bodyContent" style="height:440px">
	</textarea>
	</div>
	</template>

JeroenVinke / app.html

Created May 26, 2017 13:46 — forked from AubieDawg92/app.html

Grid: command

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="aurelia-kendoui-bridge/grid/grid-command"></require>

	<ak-grid k-no-init.bind="true" k-sortable.bind="true" k-scrollable.bind="true" k-allow-copy.bind="true" k-pageable.bind="{ refresh: true, pageSize: 5}" k-filterable.bind="true" k-scrollable.bind="true" k-selectable.bind="true" k-data-source.bind="datasource" view-model.ref="testgrid" k-on-data-bound.delegate="onDataBound($event.detail)">
	<ak-col k-title="Details" k-width.bind="300">
	<ak-grid-command k-name="details" k-text="Details" k-click.call="details($event)"></ak-grid-command>
	</ak-col>
	<ak-col k-field.bind="column.field" repeat.for="column of columns" k-width.bind="column.width"></ak-col>

JeroenVinke / app.html

Created May 10, 2017 21:13 — forked from gist-master/app.html

Grid: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>
	<require from="./row-template"></require>

	<ak-grid k-data-source.bind="datasource">

	<ak-col k-field="ContactName"></ak-col>

JeroenVinke / app.html

Created April 29, 2017 09:33 — forked from pKrav75/app.html

ComboBox: Basic use

	<template>
	<ak-combobox k-data-text-field="text"
	k-data-value-field="value"
	k-data-source.bind="data"
	k-value.two-way="fabric"
	k-auto-width.bind="true"
	k-filter="contains"
	k-suggest.bind="true">
	<ak-template>
	<span class='k-state-default' >${desc}/${text}</span>

JeroenVinke / app.html

Created April 22, 2017 07:35 — forked from gist-master/app.html

Grid: advanced

	<template>
	<require from="./counter"></require>
	<!--<require from="./capitalize"></require>-->
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<ak-grid k-data-source.bind="datasource">
	<ak-col k-title="Contact Name" k-field="ContactName">
	<ak-template>

JeroenVinke / app.html

Last active April 18, 2017 13:35 — forked from johntom/app.html

Grid: frozen columns

	<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>Forked frozed columns</h1>

	<button ak-button click.delegate="showSelection()">Show selection</button>

Jeroen Vinke JeroenVinke