Skip to content

Instantly share code, notes, and snippets.

View JeroenVinke's full-sized avatar

Jeroen Vinke JeroenVinke

35 followers · 4 following
View GitHub Profile
@JeroenVinke
JeroenVinke / app.html
Created March 1, 2017 15:45 — forked from joakimhallberg/app.html
Responsive panel with Multiselect:
<template>
<require from="./basic-use.css!css"></require>
<require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>
<require from="aurelia-kendoui-bridge/button/button"></require>
<require from="aurelia-kendoui-bridge/responsivepanel/responsivepanel"></require>
<button class="k-rpanel-toggle"><span class="k-icon k-i-hbars"></span></button>
@JeroenVinke
JeroenVinke / app.html
Created February 27, 2017 19:27 — forked from gist-master/app.html
ResponsivePanel: basic usage
<template>
<require from="aurelia-kendoui-bridge/responsivepanel/responsivepanel"></require>
<require from="./style.css"></require>
<div id="example">
<p>
Resize your window to see the effect of the responsive panel
</p>
<button click.delegate="call()">Call</button>
@JeroenVinke
JeroenVinke / app.html
Created February 24, 2017 14:06 — forked from gist-master/app.html
Area charts: Binding to remote data
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Spain electricity production (GWh)'}"
k-data-source.bind="datasource"
k-legend.bind="{position: 'top'}"
k-auto-bind.bind="false"
k-series.bind="series"
k-series-defaults.bind="{type: 'area'}"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
@JeroenVinke
JeroenVinke / app.css
Created February 22, 2017 14:51 — forked from Reverbe/app.css
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
@JeroenVinke
JeroenVinke / app.css
Created February 22, 2017 12:52 — forked from Reverbe/app.css
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
@JeroenVinke
JeroenVinke / app.html
Created February 21, 2017 19:24 — forked from johntom/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-data-source.bind="datasource" k-on-data-bound.delegate="onDataBound($event.detail)">-->
<ak-grid k-data-source.bind="datasource" id="grid" k-widget.bind="grid"
k-on-data-bound.delegate="onDataBound($event.detail)"
k-sortable.bind="{ mode: 'multiple', allowUnsort: 'true'}"
@JeroenVinke
JeroenVinke / app.html
Created February 21, 2017 18:47 — forked from gist-master/app.html
Multiselect: customizing templates
<template>
<require from="./customizing-templates.css!css"></require>
<require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>
<require from="aurelia-kendoui-bridge/button/button"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example" class="multiselect-custom-templates">
<div class="demo-section wide k-content">
<ak-multiselect k-placeholder="Select customers..."
k-data-text-field="ProductName"
@JeroenVinke
JeroenVinke / app.html
Created February 20, 2017 14:18 — forked from gist-master/app.html
Grid: Excel export
<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-toolbar.bind="['excel']"
k-options.bind="options"
k-excel.bind="{ fileName: 'Kendo UI Grid Export.xlsx' }">
<ak-col k-title="Contact Name" k-field="ContactName">
</ak-grid>
@JeroenVinke
JeroenVinke / app.html
Last active February 21, 2017 15:53 — forked from gist-master/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-data-source.bind="datasource" k-on-data-bound.delegate="onDataBound($event.detail)">
<ak-col k-title="OrderId" k-field="OrderID"></ak-col>
<ak-col>
<ak-grid-command k-name="details" k-text="Details" k-click.call="details($event)"></ak-grid-command>
</ak-col>
@JeroenVinke
JeroenVinke / app.html
Created February 18, 2017 10:28 — forked from gist-master/app.html
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">
<button click.delegate="updateSliders()">Update sliders</button>
<h4 style="padding-top: 2em;">Equalizer</h4>