Skip to content

Instantly share code, notes, and snippets.

<template>
<compose view-model="./my-component" view='./my-component.html'></compose>
</template>
<template>
<compose view-model="./my-component" view='./my-component.html'></compose>
</template>
@tonercart
tonercart / app.html
Last active February 8, 2017 10:05
Simple Table With Style
<template>
<h1>Static Table</h1>
<table>
<thead><tr><td>Name</td><td>Colour</td></tr></thead>
<tbody>
<tr><td>Red</td><td><div style="height: 16px; width: 16px; background-color:red;"></div></td></tr>
<tr><td>Green</td><td><div style="height: 16px; width: 16px; background-color:green;"></div></td></tr>
<tr><td>Blue</td><td><div style="height: 16px; width: 16px; background-color:blue;"></div></td></tr
</tbody>
@tonercart
tonercart / app.html
Created February 7, 2017 19:09
Bar charts: basic use
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Site Visitors Stats \n /thousands/'}"
k-legend.bind="{position: 'bottom'}"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip"
view-model.ref="theChart">
@tonercart
tonercart / app.html
Created February 7, 2017 19:07
Bar charts: basic use
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<ak-chart k-title.bind="{text: 'Site Visitors Stats \n /thousands/'}"
k-legend.bind="{position: 'bottom'}"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
</ak-chart>