Skip to content

Instantly share code, notes, and snippets.

Avatar

Nikolaj Ivancic adriatic

  • Congral, LLC
  • Ann Arbor, MI
View GitHub Profile
@adriatic
adriatic / app.html
Last active Aug 9, 2016
Upload: events
View app.html
<template>
<require from="./logger.js"></require>
<div id="example">
<div class="box">
<h4>Information</h4>
<p>
This example shows how to handle events triggered by kendoUpload.
</p>
</div>
<div>
@adriatic
adriatic / app.html
Last active Jul 30, 2016
Menu: images
View app.html
<template>
<require from="./images.css"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Menu with images</h4>
<ul id="menu-images" ak-menu="k-data-source.bind: dataSource"></ul>
</div>
@adriatic
adriatic / app.html
Last active Jul 27, 2016
DropDownList: basic usage
View app.html
<template>
<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"
k-data-source.bind="data"
@adriatic
adriatic / app.html
Last active Jul 24, 2016
ComboBox: server filtering
View app.html
<template>
<div id="example">
<div class="demo-section k-content">
<h4>Find a product</h4>
<ak-combobox k-placeholder="Select product"
k-data-text-field="ProductName"
k-data-value-field="ProductID"
k-filter="contains"
k-auto-bind.bind="false"
k-min-length.bind="3"
@adriatic
adriatic / app.html
Last active Jul 22, 2016
Multiselect: server filtering
View app.html
<template>
<div id="example">
<div class="demo-section wide k-content">
<ak-multiselect k-placeholder="Select products..."
k-data-text-field="ProductName"
k-data-value-field="ProductID"
k-auto-bind.bind="false"
k-data-source.bind="dataSource"
k-value.bind="value"></ak-multiselect>
</div>
@adriatic
adriatic / app.html
Last active Jul 20, 2016
Diagram: PDF export
View app.html
<template>
<div id="example">
<div class="box wide">
<h4>Export diagram view</h4>
<div class="box-col">
<button class='export-pdf' ak-button click.delegate="savePDF()">Save as PDF</button>
</div>
</div>
<br><br>
<div class="demo-section k-content wide">
@adriatic
adriatic / app.html
Last active Jul 20, 2016
Diagram: advanced export
View app.html
<template>
<div id="example">
<div class="box wide">
<h4>Export diagram content</h4>
<div class="box-col">
<button ak-button click.delegate="exportPDF()">Export as PDF</button>
</div>
<br>
<div class="box-col">
<button ak-button click.delegate="exportImage()">Export as Image</button>
@adriatic
adriatic / app.html
Last active Jul 20, 2016
Diagram: events
View app.html
<template>
<require from="./logger.js"></require>
<div id="example">
<div class="demo-section k-content wide">
<ak-diagram style="height:600px;"
k-data-source.bind="shapesDataSource"
k-connections-data-source.bind="connectionsDataSource"
k-layout.bind="{
type: 'tree',
subtype: 'tipover',
@adriatic
adriatic / app.html
Last active Jul 20, 2016
Diagram: Api
View app.html
<template>
<div id="example">
<div id="apiOptions" class="box wide">
<div class="box-col">
<h4>Add Shape</h4>
<ul class="options">
<li>
<label for="newShapeX" style="width: 30px;">X:</label>
<input ak-numerictextbox="k-value.two-way: newShapeX" />
</li>
@adriatic
adriatic / app.html
Last active Jul 20, 2016
Drag and Drop: basic usage
View app.html
<template>
<require from="./basic-use.css"></require>
<div id="example">
<div class="demo-section k-content">
<div ak-drop-target
ref="droptargetDiv"
id="droptarget"
k-on-dragenter.delegate="droptargetOnDragEnter($event.detail)"
k-on-dragleave.delegate="droptargetOnDragLeave($event.detail)"
k-on-drop.delegate="droptargetOnDrop($event.detail)"