Skip to content

Instantly share code, notes, and snippets.

View JeroenVinke's full-sized avatar

Jeroen Vinke JeroenVinke

36 followers · 4 following
View GitHub Profile
@JeroenVinke
JeroenVinke / index.html
Created February 24, 2017 08:39
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
</head>
<body>
<h1>Hello world!</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.js" data-main="script"></script>
<!--<script src="./text.js"></script>-->
@JeroenVinke
JeroenVinke / index.html
Created February 24, 2017 08:37
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
</head>
<body>
<h1>Hello world!</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.js" data-main="script"></script>
<script src="./text.js"></script>
@JeroenVinke
JeroenVinke / app.html
Created February 23, 2017 15:05
aurelia/kendoui Vertical Slider: basic usage (problem with height in percent)
<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 style="padding-top: 2em;">Equalizer</h4>
<div id="equalizer">
<input repeat.for="slider of sliders"
@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 21, 2017 17:34
<template>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="bootstrap-datepicker/css/bootstrap-datepicker.css"></require>
<h1>${message}</h1>
<input ref="datepicker">
</template>
@JeroenVinke
JeroenVinke / app.html
Last active February 20, 2017 17:00
Aurelia KendoUI component - problem report
<template>
<require from="aurelia-kendoui-bridge/button/button"></require>
<ul ak-menu="k-open-on-click.bind:true; k-data-source.bind: dataSource" ak-menu.ref="menuVM" class="rgk-action-menu">
</ul>
<button click.delegate="change()">Change</button>
</template>
@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>