gist-master’s gists

gist-master / app.html

Created November 25, 2016 16:23 — forked from JeroenVinke/app.html

Grid: select row programatically

	<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-selectable="row"
	k-widget.bind="grid">
	<ak-col k-title="ProductName" k-field="ProductName"></ak-col>
	<ak-col k-title="Unit Price" k-field="UnitPrice" k-format="{0:c}" k-width="130px"></ak-col>
	<ak-col k-title="Units In Stock" k-field="UnitsInStock" k-width="130px"></ak-col>

gist-master / app.html

Last active June 29, 2017 17:30 — forked from JeroenVinke/app.css

Mediaplayer: basic use

	<template>
	<require from="aurelia-kendoui-bridge/mediaplayer/mediaplayer"></require>

	<div id="mediaPlayer" style="height:360px"
	ak-mediaplayer="k-media.bind: { title: 'Recap of Progress', source: 'https://www.youtube.com/watch?v=tc3xhD24iTU' };
	k-auto-play.bind: true;
	k-navigatable.bind: true;
	k-widget.bind=mediaPlayer">
	</div>
	</template>

gist-master / app.html

Last active April 6, 2020 06:42 — forked from JeroenVinke/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" >
	<ak-col k-title="Product Name" k-field="ProductName" >
	<ak-template for="groupFooterTemplate">
	Group Count: ${ProductName.count}
	</ak-template>

gist-master / app.html

Created September 24, 2016 13:42 — forked from JeroenVinke/app.html

Grid: Excel export

	<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-toolbar.bind="['excel']"
	k-excel.bind="{ fileName: 'Kendo UI Grid Export.xlsx' }">
	<ak-col k-title="Contact Name" k-field="ContactName">
	</ak-grid>
	</template>

gist-master / app.html

Created September 7, 2016 06:31 — forked from JeroenVinke/app.html

Multiselect: tag template

	<template>
	<require from="aurelia-kendoui-bridge/multiselect/multiselect"></require>
	<require from="aurelia-kendoui-bridge/button/button"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<div id="example">
	<div class="demo-section wide k-content">
	<h4>'Multiple' tag template</h4>
	<ak-multiselect k-placeholder="Select attendees..." k-auto-close.bind="false">
	<select multiple="multiple">

gist-master / app.html

Last active October 27, 2016 14:07

Grid: basic usage

	<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-scrollable.bind="scrollable">
	<ak-col k-field="OrderID"></ak-col>
	</ak-grid>
	</template>

gist-master / app.css

Created August 25, 2016 18:18

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);

gist-master / app.html

Created August 25, 2016 15:38

Tooltip: content template

	<template>
	<require from="./content-template.css!css"></require>
	<require from="aurelia-kendoui-bridge/tooltip/tooltip"></require>
	<require from="aurelia-kendoui-bridge/common/template"></require>

	<div id="example">
	<div class="demo-section k-content wide">
	<ul id="products"
	class="dairy-photos"
	ak-tooltip="k-filter: a; k-content.call: getTemplate($event); k-width.bind: 400; k-height.bind: 200; k-position: top">

gist-master / app.html

Last active September 28, 2016 07:37

Grid: k-format date

	<template>
	<require from="aurelia-kendoui-bridge/grid/grid"></require>
	<require from="aurelia-kendoui-bridge/grid/col"></require>

	<ak-grid k-data-source.bind="datasource">
	<ak-col k-title="ProductName" k-field="ProductName"></ak-col>
	<ak-col k-field="PurchaseDate" k-format="{0:dd/MM/yyyy}"></ak-col>
	</ak-grid>
	</template>

gist-master / 0_reuse_code.js

Created August 9, 2016 15:26

Here are some things you can do with Gists in GistBox.

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console