Skip to content

Instantly share code, notes, and snippets.

@SaucyJack
SaucyJack / app.html
Created May 30, 2017 19:00 — forked from gist-master/app.html
Editor: basic usage
<template>
<require from="aurelia-kendoui-bridge/editor/editor"></require>
<div id="example">
<textarea ak-rich-editor value.bind="bodyContent" style="height:440px">
</textarea>
</div>
</template>
@SaucyJack
SaucyJack / app.html
Last active November 13, 2017 21:03 — forked from gist-master/app.html
Datepicker: range selection
<template>
<require from="aurelia-kendoui-bridge/datepicker/datepicker"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<ak-template id="footerTemplate">
<button type="button">Click me</button>
</ak-template>
<div id="example">
<div class="demo-section k-content">
<h4>Start date:</h4>
<input ak-datepicker="k-value.bind : '10/10/2011';
@SaucyJack
SaucyJack / app.html
Last active May 21, 2018 21:16 — forked from jdanyow/app.html
Router-Slot-Router
<template>
<h1>${message}</h1>
<!-- https://gist.github.com/jdanyow/1ae985e6c943885496e8 -->
</template>
@SaucyJack
SaucyJack / app.html
Last active June 5, 2018 01:27 — forked from gist-master/app.html
DropDownList - Width
<template>
<require from="aurelia-kendoui-bridge/dropdownlist/dropdownlist"></require>
<div id="example">
<div id="cap-view" class="demo-section k-content">
<h4>Customize your Kendo Cap</h4>
<div ref="cap" id="cap" class="black-cap"></div>
<h4>Cap Color</h4>
<ak-drop-down-list k-data-text-field="text"
k-data-value-field="value"
@SaucyJack
SaucyJack / app.css
Last active June 7, 2018 22:02 — forked from gist-master/app.css
Bootstrap v4 Column Widths
.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);