Skip to content

Instantly share code, notes, and snippets.

@Reverbe
Reverbe / app.html
Created June 21, 2017 14:51 — forked from gist-master/app.html
TreeView: custom templates
<template>
<require from="./compo"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<compo>
<ak-template>
<div>
<span class="title">${text}</span>
<button ak-button click.delegate="nodeClicked($event)">Click</button>
</div>
@Reverbe
Reverbe / app.html
Last active April 21, 2017 09:27 — forked from gist-master/app.html
Notification: templates
<template>
<require from="./templates.css!css"></require>
<require from="aurelia-kendoui-bridge/notification/notification"></require>
<require from="aurelia-kendoui-bridge/notification/notification-template"></require>
<require from="aurelia-kendoui-bridge/button/button"></require>
<div id="example">
<ak-notification id="notification"
k-widget.bind="notification"
@Reverbe
Reverbe / app.html
Created April 5, 2017 13:16 — forked from gist-master/app.html
Window: basic usage
<template>
<require from="./basic-use.css"></require>
<require from="aurelia-kendoui-bridge/window/window"></require>
<require from="aurelia-kendoui-bridge/button/button"></require>
<require from="./my-component"></require>
<div id="example">
<div id="window"
@Reverbe
Reverbe / app.html
Last active March 13, 2017 16:02 — forked from gist-master/app.html
Grid: binding to local data
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<div>
au: <input type="text" id="inpTest" blur.delegate="onBlur($event)">
</div>
<div>
jquery: <input type="text" id="inpTestJq" blur.delegate="onBlur($event)">
@Reverbe
Reverbe / app.html
Last active March 2, 2017 15:21 — forked from gist-master/app.html
TreeView: drag and drop
<template>
<require from="aurelia-kendoui-bridge/treeview/treeview"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Treeview One</h4>
<ak-treeview
k-data-source.bind="data"
k-drag-and-drop.bind="true">
@Reverbe
Reverbe / app.css
Last active February 24, 2017 18:45 — forked from JeroenVinke/app.css
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
<template>
<label repeat.for="option of options">
<input type="radio" name="periodOptions" model.bind="option" checked.bind="$parent.selectedOption" click.delegate="clicked()"/>
${option.text}
</label>
<p><pre><code>${selectedOption | stringify}</code></pre></p>
</template>
@Reverbe
Reverbe / app.html
Last active April 2, 2017 19:36 — forked from jdanyow/app.html
Aurelia Validation Demo
<template>
<require from="./piece"></require>
<table>
<tr repeat.for="item of items">
<td as-element="piece"
repeat.for="itemm of item"
style="background: ${itemm.color}">
<span>
@Reverbe
Reverbe / app.html
Created January 12, 2017 22:51 — forked from jdanyow/app.html
Aurelia Validation Demo
<template>
<form submit.delegate="submit()">
<!--<ul><li repeat.for="error of controller.errors">${error.message}</li></ul>-->
<div class="form-group">
<label class="control-label" for="first">First Name</label>
<input type="text" class="form-control" id="first" placeholder="First Name"
value.bind="firstName & validate">
</div>
@Reverbe
Reverbe / app.css
Last active February 27, 2017 15:10 — forked from JeroenVinke/app.css
Grid: basic usage
.customer-photo {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-size: 32px 35px;
background-position: center center;
vertical-align: middle;
line-height: 32px;
box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);