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 / app.html
Last active May 1, 2016 10:53 — forked from jdanyow/app.html
https://github.com/aurelia/templating/issues/270
<template>
<button click.delegate="print($this)">Print without enhance</button>
<div ref="placeholder"></div>
</template>
@JeroenVinke
JeroenVinke / app.css
Created April 17, 2016 07:33
Aurelia - JQueryUI DatePicker
#listview-context-menu {
padding: 0;
margin-bottom: -1px;
min-height: 300px;
}
.product {
position: relative;
height: 62px;
margin: 0;
padding: 0;
@JeroenVinke
JeroenVinke / app.css
Last active April 18, 2016 14:52 — forked from Leonidnei/app.css
Aurelia - JQueryUI DatePicker
#listview-context-menu {
padding: 0;
margin-bottom: -1px;
min-height: 300px;
}
.product {
position: relative;
height: 62px;
margin: 0;
padding: 0;
@JeroenVinke
JeroenVinke / app.html
Created April 21, 2016 15:29 — forked from patrek/app.html
Aurelia - Kendoui - Bridge - label in drop-down-list
<template>
<section>
<h1>Not responding to label click</h1>
<div>
<div>
<h3>Expected, with a simple select and input reference</h3>
<div class="form-group">
<label for="selectId" class="control-label">Simple select label (click me)</label>
<select
@JeroenVinke
JeroenVinke / app.html
Last active August 7, 2016 07:59 — forked from adriatic/app.html
Grid: basic usage
<template>
<div ref="gridDiv"></div>
</template>
@JeroenVinke
JeroenVinke / app.html
Created April 24, 2016 18:00
Grid: basic usage
<template>
<require from="./basic-use.css"></require>
<ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true" k-widget.bind="grid">
<ak-col k-title="Contact Name" k-field="ContactName">
<ak-template>
<button ak-button class="k-primary" click.delegate="details($$item)">Details</button>
</ak-template>
</ak-col>
<ak-col k-title="Contact Name" k-field="ContactName"></ak-col>
@JeroenVinke
JeroenVinke / app.html
Last active July 20, 2016 06:43
Grid: multi column headers
<template>
<ak-grid k-data-source.bind="datasource" k-height.bind="550" k-groupable.bind="true" k-sortable.bind="true" k-resizable.bind="true" k-reorderable.bind="true" k-column-menu.bind="true">
<ak-col k-field="CompanyName" k-title="Company Name" k-width.bind="420"></ak-col>
<ak-col k-title="Contact Info" k-columns.bind="groupedColumns"></ak-col>
</ak-grid>
</template>
@JeroenVinke
JeroenVinke / app.html
Created April 25, 2016 17:51
Grid: basic usage
<template>
<ak-grid k-data-source.bind="datasource" k-groupable.bind="true" k-sortable.bind="true" k-resizable.bind="true" k-reorderable.bind="true" k-column-menu.bind="true">
<ak-col k-field="CompanyName" k-title="Company Name" k-width.bind="420"></ak-col>
<div style="width: 100px"></div>
</ak-grid>
</template>
@JeroenVinke
JeroenVinke / app.html
Last active July 20, 2016 06:43
Grid: custom grid width
<template>
<ak-grid k-data-source.bind="datasource">
<ak-col k-field="CompanyName" k-title="Company Name" k-width.bind="420"></ak-col>
<!--if you pass a <div> element to the <ak-grid> then the grid will be initialized on the div-->
<div style="width: 100px"></div>
</ak-grid>
</template>
@JeroenVinke
JeroenVinke / app.html
Created April 25, 2016 17:52
Grid: basic usage
<template>
<div style="width: 100px">
<ak-grid k-data-source.bind="datasource" k-groupable.bind="true" k-sortable.bind="true" k-resizable.bind="true" k-reorderable.bind="true" k-column-menu.bind="true">
<ak-col k-field="CompanyName" k-title="Company Name" k-width.bind="420"></ak-col>
</ak-grid>
</div>
</template>