Skip to content

Instantly share code, notes, and snippets.

@JeroenVinke
JeroenVinke / app.html
Created April 6, 2020 17:28 — forked from thejaff2/app.html
Grid: Grouping
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true" id="grid" >
<!--k-columns.bind="columns">-->
<ak-col k-title="Product">
<ak-col k-title="Product Name" k-field="ProductName" >
<ak-template for="groupFooterTemplate">
@JeroenVinke
JeroenVinke / app.html
Last active March 1, 2020 10:59 — forked from gist-master/app.html
Arc gauge: basic usage
<template>
<require from="aurelia-kendoui-bridge/slider/slider"></require>
<require from="aurelia-kendoui-bridge/gauges/arc-gauge"></require>
<div id="example" class="k-content">
<div id="gauge-container1">
<div id="example"
role="application">
<div class="demo-section k-content wide">
<ak-arc-gauge k-value.two-way="val" k-colors.bind="colors" center-template="<span style='color: #: color #;'>#: value #%</span>"></ak-arc-gauge>
@JeroenVinke
JeroenVinke / app.html
Last active January 15, 2020 18:54 — forked from gist-master/app.html
Datepicker: basic usage
<template>
<require from="aurelia-kendoui-bridge/daterangepicker/daterangepicker"></require>
<require from="aurelia-kendoui-bridge/datepicker/datepicker"></require>
<div id="example">
<div class="demo-section k-content">
<div ak-daterangepicker="k-range.two-way: range"></div>
<input ak-datepicker="k-value.two-way: range.start"/>
<input ak-datepicker="k-value.two-way: range.end"/>
@JeroenVinke
JeroenVinke / app.html
Last active November 19, 2019 12:06 — forked from miniben-90/app.html
Aurelia KendoUI component - problem report - Kendo Editor and placeholder issue
<template>
<require from="aurelia-kendoui-bridge/editor/editor"></require>
<div id="example">
<textarea
ak-rich-editor="k-tools.bind:['bold'];k-messages.bind: { bold: 'TEsBol' };k-placeholder.bind: 'test';"
placeholder="test"
ak-placeholder="test"
style="height:440px">
</div>
@JeroenVinke
JeroenVinke / app.html
Created June 3, 2019 17:53 — forked from gist-master/app.html
Multiselect: virtualization
<template>
<require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>
<require from="aurelia-kendoui-bridge/common/template"></require>
<div id="example">
<div class="demo-section wide k-content">
<ak-multiselect k-placeholder="Select addresses..."
k-data-text-field="ShipName"
k-data-value-field="OrderID"
k-height.bind="520"
@JeroenVinke
JeroenVinke / app.html
Last active May 4, 2018 16:59 — forked from aletiro/app.html
Tooltip: content template
<template>
<require from="./content-template.css!css"></require>
<require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
<require from="./reusable-tooltip"></require>
<div id="example">
<div class="demo-section k-content wide">
<ul id="products"
class="dairy-photos"
@JeroenVinke
JeroenVinke / chart.html
Last active November 28, 2017 19:26 — forked from MT-PL-SWF-Dev/chart.html
Kendo chart bug repro
<template>
<require from="aurelia-kendoui-bridge/chart/chart"></require>
<a route-href="route.bind: 'welcome'">Go to somewhere else</a>
<ak-chart
k-title.bind="{text: 'Gross Domestic product growth GDP annual %'}"
k-legend.bind="{position: 'bottom'}"
k-series-defaults.bind="seriesDefaults"
k-series.bind="series"
k-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
@JeroenVinke
JeroenVinke / app.html
Created July 27, 2017 08:19 — forked from gist-master/app.html
Grid: batch editing
<template>
<require from="aurelia-kendoui-bridge/grid/grid"></require>
<require from="aurelia-kendoui-bridge/grid/col"></require>
<ak-grid k-data-source.bind="datasource"
k-pageable.bind="true"
k-navigatable.bind="true"
k-toolbar.bind="['create', 'save', 'cancel']"
k-editable.bind="true">
<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width.bind="120"></ak-col>
@JeroenVinke
JeroenVinke / app.css
Created July 10, 2017 18:56 — forked from CesarAfonso/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);
@JeroenVinke
JeroenVinke / app.html
Created June 30, 2017 20:38 — forked from SaucyJack/app.html
Grid-Pager-All-Refresh
<template>
<router-view></router-view>
</template>