JeroenVinke’s gists

JeroenVinke / app.html

Created February 18, 2017 10:23

Slider: basic usage

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

	<div id="example">
	<div id="slider-basicuse">
	<div class="demo-section k-content">
	<h4>Balance</h4>
	<input ak-slider="k-increase-button-title: Right;
	k-decrease-button-title: Left;

JeroenVinke / app.html

Created February 8, 2017 09:23 — forked from gist-master/app.html

Dialog: basic use

	<template>
	<require from="aurelia-kendoui-bridge/dialog/dialog"></require>
	<div id="example">
	<div id="dialog"
	ak-dialog="k-widget.bind: dialog;
	k-width: 400px;
	k-title: Software Update;
	k-closable.bind: false;
	k-modal.bind: false;
	k-visible.bind: false;

JeroenVinke / app.html

Last active February 7, 2017 19:22 — forked from tonercart/app.html

Bar charts: basic use

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<ak-chart k-title.bind="{text: 'Site Visitors Stats \n /thousands/'}"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="seriesDefaults"
	k-series.two-way="series"
	k-value-axis.bind="valueAxis"
	k-category-axis.bind="categoryAxis"
	k-tooltip.bind="tooltip"
	view-model.ref="theChart">

JeroenVinke / app.html

Last active November 20, 2017 18:58 — forked from pKrav75/app.html

Grid: editing custom editor

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>
	<require from="category"></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="230px" 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 January 26, 2017 09:41 — forked from gist-master/app.html

Grid: localization

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

JeroenVinke / app.html

Last active January 25, 2017 15:41 — forked from gist-master/app.html

Numeric textbox: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>
	<require from="./key-up"></require>

	<div id="example">
	<div class="demo-section k-content">
	<input id="numeric" type="number" ak-numerictextbox="k-value.two-way: value;" key-up style="width: 100%;"/>

	Current value: ${value}
	</div>

JeroenVinke / app.html

Created January 13, 2017 16:02 — forked from martyns/app.html

Grid: binding to local data

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

	<div repeat.for="a of b">
	<ak-grid k-data-source.bind="datasource"
	k-pageable.bind="{ input: true, numeric: false}"
	k-filterable.bind="true"
	k-sortable.bind="true"

JeroenVinke / app.css

Last active January 12, 2017 12:13 — forked from johntom/app.css

Grid: basic usage

	.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);

JeroenVinke / app.css

Created January 10, 2017 20:12 — forked from Reverbe/app.css

Grid: basic usage

	.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);

JeroenVinke / a.html

Last active January 10, 2017 18:59 — forked from Reverbe/app.css

Grid: basic usage

Jeroen Vinke JeroenVinke