Skip to content

Instantly share code, notes, and snippets.

@Reverbe
Reverbe / app.css
Last active February 22, 2017 14:51
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
@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;
}
@Reverbe
Reverbe / app.css
Created February 24, 2017 19:21
Grid: basic usage
body {
margin: 0;
}
.btn{
font-size: 30px;
padding: 20px;
margin-top: 20px;
}
@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.html
Last active February 28, 2017 20:54
TreeView: drag and drop
<template>
<div id="example" element.ref="treeWrap">
</div>
</template>
@Reverbe
Reverbe / app.html
Last active February 28, 2017 21:01
TreeView: drag and drop
<template>
<require from="aurelia-kendoui-bridge/treeview/treeview"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Treeview One</h4>
<ak-treeview
k-data-text-field.bind="dtf"
k-data-source.bind="data"
k-template.bind="template"
@Reverbe
Reverbe / app.css
Created March 10, 2017 14:37
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);
@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
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 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"