Skip to content

Instantly share code, notes, and snippets.

@JeroenVinke
JeroenVinke / app.html
Created April 11, 2016 15:36 — forked from adriatic/app.html
Area charts: binding to remote data
<template>
<ak-chart k-title.bind="{text: 'Spain electricity production (GWh)'}"
k-data-source.bind="datasource"
k-legend.bind="{position: 'top'}"
k-series.bind="series"
k-series-defaults.bind="{type: 'area'}"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
</ak-chart>
<template>
<button click.delegate="print($this)">Print without enhance</button>
<div ref="placeholder"></div>
</template>
@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
Last active April 27, 2016 09:19 — forked from adriatic/app.html
Datepicker: events
<template>
<div class="navbar txt-grey" role="navigation">
<div class="navbar-header">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b>Dropdown</b><b class="caret"></b></a>
<ul class="dropdown-menu">
<div>
<form method="POST" class="form">
<div class="field clear">
@JeroenVinke
JeroenVinke / app.html
Last active July 20, 2016 06:37 — forked from adriatic/app.html
Scheduler: binding to signalr
<template>
<ak-scheduler style="margin-bottom:20px"
k-date.bind="date"
k-start-time.bind="startTime"
k-height.bind="600"
k-views.bind="[
'day',
{ type: 'week', selected: true },
'month',
'agenda',
@JeroenVinke
JeroenVinke / app.html
Created April 30, 2016 18:07 — forked from adriatic/app.html
DropDownList: events
<template>
<div id="example">
<div class="demo-section k-content">
<h4>dropdownlist</h4>
<ak-drop-down-list k-data-text-field="text"
k-data-value-field="value"
k-data-source.bind="data"
k-filter="startswith"
k-widget.bind="dropdownlist"
@JeroenVinke
JeroenVinke / app.html
Created May 4, 2016 11:43 — forked from adriatic/app.html
Bar chart: Multi axis
<template>
<ak-chart k-title.bind="{text: 'Hybrid car mileage report'}"
k-legend.bind="{position: 'top'}"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
view-model.ref="chart">
</ak-chart>
</template>
@JeroenVinke
JeroenVinke / app.html
Last active July 21, 2016 07:42 — forked from adriatic/app.html
Grid: binding to remote data
<template>
<ak-grid k-data-source.bind="datasource" k-pageable.bind="true" k-filterable.bind="true" k-editable="inline" k-sortable.bind="true">
<ak-col k-title="OrderId" k-field="OrderID"></ak-col>
<ak-col k-field="Freight"></ak-col>
<ak-col k-title="Order Date" k-field="OrderDate" k-format="{0:MM/dd/yyyy}"></ak-col>
<ak-col k-command.bind="['edit', 'destroy']" k-title="&nbsp;" width="250px"></ak-col>
</ak-grid>
</template>