JeroenVinke’s gists

JeroenVinke / app.html

Created April 18, 2017 13:03 — forked from ronaksbhavsar/app.html

enforce minimum column width grid

	<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/button/button"></require>

	<div id="example">
	<div class="demo-section k-content">
	<ak-grid k-height="300" k-widget.bind="grid" k-on-ready.delegate="onReady($event.detail)" k-resizable.bind="true" k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true">
	</ak-grid>

JeroenVinke / app.html

Created April 14, 2017 13:30 — forked from gist-master/app.html

Grid: editing custom editor

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

	<div id="example">
	<ak-grid k-pageable.bind="true" k-height.bind="500" k-toolbar.bind="['create']" k-editable.bind="true" k-data-source.bind="dataSource">
	<ak-col k-field="ProductName" k-title="Product Name"></ak-col>
	<ak-col k-field="Category" k-title="Category" k-width="180px" k-editor.bind="categoryDropDownEditor" k-template.bind="categoryTemplate"></ak-col>
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="130px"></ak-col>
	<ak-col k-command="destroy" k-title=" " k-width="150px"></ak-col>

JeroenVinke / app.html

Last active April 14, 2018 20:41 — forked from gist-master/app.html

k-on-ready

	<template>
	<h1>Kendo controls cannot be used from bind() or attached().</h1>
	<p>When you would like to use the control as soon as it has been initialized, we recommend using the k-on-ready event, shown below. Read <a href="https://aurelia-ui-toolkits.gitbooks.io/kendoui-bridge-docs/content/what_you_need_to_know.html#595-how-to-get-to-the-kendo-control">this chapter</a> for other solutions</p>

	<require from="aurelia-kendoui-bridge/datetimepicker/datetimepicker"></require>
	<require from="aurelia-kendoui-bridge/pager/pager"></require>

	<ak-pager></ak-pager>

	<div id="example">

JeroenVinke / app.html

Created April 8, 2017 19:40 — forked from gist-master/app.html

Scatter charts: basic use

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Rainfall - Wind Speed'}"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="{type: 'scatter'}"
	k-series.bind="series"
	k-x-axis.bind="xAxis"
	k-y-axis.bind="yAxis">
	</ak-chart>
	</template>

JeroenVinke / app.html

Last active June 2, 2017 06:46 — forked from len-ro/app.html

Datepicker: basic usage

	<template>
	<button type="button" click.delegate="add()">add</button>
	<button type="button" click.delegate="del()">del</button>
	Iteration ${cnt}
	<div id="modules-container">
	</div>
	<div if.bind="show">
	<compose view.bind="formName" model.bind="this"></compose>
	</div
	</template>

JeroenVinke / app.html

Created March 25, 2017 13:10 — forked from Souldrinker/app.html

Aurelia KendoUI component - problem report

	<template>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<button ak-button>This is a button</button>
	<ak-scheduler view-model.ref="schedulerViewModel" k-widget.bind="scheduler" k-on-navigate.delegate="navigate($event.detail)"></ak-scheduler>
	</template>

JeroenVinke / app.html

Created March 11, 2017 19:57 — forked from gist-master/app.html

Window: basic usage

	<template>
	<require from="./basic-use.css"></require>
	<require from="aurelia-kendoui-bridge/window/window"></require>
	<require from="aurelia-kendoui-bridge/button/button"></require>

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

JeroenVinke / app.html

Created March 9, 2017 09:45 — forked from gist-master/app.html

Scheduler: templates

	<template>
	<require from="aurelia-kendoui-bridge/scheduler/scheduler"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>
	<require from="./templates.css!css"></require>

	<style>
	.k-event {
	background: none;
	border: none;
	}

JeroenVinke / app.html

Created March 8, 2017 12:54 — forked from gist-master/app.html

Sortable: basic usage

	<template>
	<require from="./basic-use.css!css"></require>
	<require from="aurelia-kendoui-bridge/sortable/sortable"></require>

	<div id="example">
	<div id="playlist">
	<div id="playlist-title"><span>My Playlist</span></div>
	<ul id="sortable-basic"
	ak-sortable="k-cursor-offset.bind: {top: -10, left: -230};
	k-hint.call: hint($event);

JeroenVinke / app.html

Last active March 2, 2017 15:26 — forked from Reverbe/app.html

TreeView: drag and drop

	<template>
	<require from="aurelia-kendoui-bridge/treeview/treeview"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<div id="example">
	<div class="demo-section k-content">
	<h4>Treeview One</h4>
	<ak-treeview
	k-data-source.bind="data"
	k-drag-and-drop.bind="true">

Jeroen Vinke JeroenVinke