JeroenVinke’s gists

JeroenVinke / app.html

Created April 6, 2020 17:28 — forked from thejaff2/app.html

Grid: Grouping

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

	<ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true" id="grid" >
	<!--k-columns.bind="columns">-->
	<ak-col k-title="Product">
	<ak-col k-title="Product Name" k-field="ProductName" >
	<ak-template for="groupFooterTemplate">

JeroenVinke / app.html

Last active March 1, 2020 10:59 — forked from gist-master/app.html

Arc gauge: basic usage

	<template>
	<require from="aurelia-kendoui-bridge/slider/slider"></require>
	<require from="aurelia-kendoui-bridge/gauges/arc-gauge"></require>
	<div id="example" class="k-content">
	<div id="gauge-container1">

	<div id="example"
	role="application">
	<div class="demo-section k-content wide">
	<ak-arc-gauge k-value.two-way="val" k-colors.bind="colors" center-template="<span style='color: #: color #;'>#: value #%</span>"></ak-arc-gauge>

JeroenVinke / app.html

Last active January 15, 2020 18:54 — forked from gist-master/app.html

Datepicker: basic usage

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


	<div id="example">
	<div class="demo-section k-content">
	<div ak-daterangepicker="k-range.two-way: range"></div>
	<input ak-datepicker="k-value.two-way: range.start"/>
	<input ak-datepicker="k-value.two-way: range.end"/>

JeroenVinke / app.html

Last active November 19, 2019 12:06 — forked from miniben-90/app.html

Aurelia KendoUI component - problem report - Kendo Editor and placeholder issue

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

	<div id="example">
	<textarea
	ak-rich-editor="k-tools.bind:['bold'];k-messages.bind: { bold: 'TEsBol' };k-placeholder.bind: 'test';"
	placeholder="test"
	ak-placeholder="test"
	style="height:440px">
	</div>

JeroenVinke / app.html

Created June 3, 2019 17:53 — forked from gist-master/app.html

Multiselect: virtualization

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

	<div id="example">
	<div class="demo-section wide k-content">
	<ak-multiselect k-placeholder="Select addresses..."
	k-data-text-field="ShipName"
	k-data-value-field="OrderID"
	k-height.bind="520"

JeroenVinke / app.html

Last active May 4, 2018 16:59 — forked from aletiro/app.html

Tooltip: content template

	<template>
	<require from="./content-template.css!css"></require>
	<require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
	<require from="./reusable-tooltip"></require>


	<div id="example">
	<div class="demo-section k-content wide">
	<ul id="products"
	class="dairy-photos"

JeroenVinke / chart.html

Last active November 28, 2017 19:26 — forked from MT-PL-SWF-Dev/chart.html

Kendo chart bug repro

	<template>
	<require from="aurelia-kendoui-bridge/chart/chart"></require>
	<a route-href="route.bind: 'welcome'">Go to somewhere else</a>
	<ak-chart
	k-title.bind="{text: 'Gross Domestic product growth GDP annual %'}"
	k-legend.bind="{position: 'bottom'}"
	k-series-defaults.bind="seriesDefaults"
	k-series.bind="series"
	k-value-axis.bind="valueAxis"
	k-category-axis.bind="categoryAxis"

JeroenVinke / app.html

Created July 27, 2017 08:19 — forked from gist-master/app.html

Grid: batch editing

	<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-navigatable.bind="true"
	k-toolbar.bind="['create', 'save', 'cancel']"
	k-editable.bind="true">
	<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width.bind="120"></ak-col>

JeroenVinke / app.css

Created July 10, 2017 18:56 — forked from CesarAfonso/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.html

Created June 30, 2017 20:38 — forked from SaucyJack/app.html

Grid-Pager-All-Refresh

Jeroen Vinke JeroenVinke