Skip to content

Instantly share code, notes, and snippets.

Avatar

Nikolaj Ivancic adriatic

View GitHub Profile
@adriatic
adriatic / app.html
Last active Aug 16, 2020
ResponsivePanel: basic usage
View app.html
<template>
<div id="example">
<p>
Resize your window to see the effect of the responsive panel
</p>
<div class="demo-section k-content">
<nav id="navigation" ak-responsivepanel="k-auto-close.bind: false">
<a href="#">Home</a>
<a href="#">Products</a>
</nav>
@adriatic
adriatic / app.html
Last active Aug 16, 2020
ListView:editing
View app.html
<template>
<require from="./editing.css"></require>
<a class="k-button ak-button-icontext k-add-button" href="#"><span class="k-icon k-add"></span>Add new record</a>
<div id="listview-editing">
<ak-list-view k-data-source.bind="dataSource">
<ak-template>
<div class="product-view k-widget" data-uid="${uid}">
<dl>
View aureliatools.cla
Aurelia Tools LLC Individual Contributor License Agreement
Thank you for Your interest in Aurelia Tools and Aurelia UI Toolkits open source projects. This document clarifies the terms under which You, the person listed below, may make Contributions — which may include without limitation, software, bug fixes, configuration changes, documentation, or any other materials — to any of the projects owned or managed by Aurelia Tools.
Please complete the following information about You and the Contributions. If You have questions about these terms, please contact us at legal@bluespire.com. You accept and agree to the following terms and conditions for Your present and future Contributions submitted to Blue Spire projects. Except for the license granted herein to Aurelia Tools, You reserve all right, title, and interest in and to Your Contributions.
Licenses
Aurelia Tools public projects (code, documentation, and any other materials) are released under the terms of the MIT license, with the following exception:
Co
@adriatic
adriatic / app.html
Last active Mar 14, 2017
DropDownList: cascading dropdownlist
View app.html
<template>
<div id="example">
<div class="demo-section k-content">
<h4>Categories:</h4>
<ak-drop-down-list k-option-label="Select category..."
k-data-text-field="CategoryName"
k-data-value-field="CategoryID"
k-widget.bind="categories"
k-data-source.bind="{
type: 'odata',
@adriatic
adriatic / app.html
Last active Oct 14, 2016
Grid: basic usage
View app.html
<template>
<require from="./basic-use.css"></require>
<ak-grid k-data-source.bind="datasource" k-pageable.bind="pageable" k-sortable.bind="true">
<ak-col k-title="Contact Name" k-field="ContactName">
<ak-template>
<div class='customer-photo' style="background-image: url(http://demos.telerik.com/kendo-ui/content/web/Customers/${CustomerID}.jpg);"></div>
<div class='customer-name'>${ContactName}</div>
</ak-template>
</ak-col>
@adriatic
adriatic / app.html
Last active Oct 4, 2016
DropDownList:customizing templates
View app.html
<template>
<require from="./customizing-templates.css"></require>
<div id="example">
<div class="demo-section k-content">
<h4>Customers</h4>
<ak-drop-down-list k-data-text-field="ContactName"
k-data-value-field="CustomerID"
k-height="400"
k-data-source.bind="dataSource"
id="dropdownlist-customizing-templates-customers"
@adriatic
adriatic / app.html
Last active Sep 28, 2016
DateTimePicker: basic usage
View app.html
<template>
<div id="example">
<div class="demo-section k-content">
<h4>Remind me on</h4>
<input ak-datetimepicker="k-value.bind: today" style="width: 100%" />
</div>
</template>
@adriatic
adriatic / app.html
Last active Sep 25, 2016
Grid: editing custom editor
View app.html
<template>
<div id="example">
<ak-grid k-pageable.bind="true" k-height.bind="500" k-toolbar.bind="['create']" k-editable.bind="true" k-data-source.bind="dataSource">
<ak-col k-field="ProductName" k-title="Product Name"></ak-col>
<ak-col k-field="Category" k-title="Category" k-width="180px" k-editor.bind="categoryDropDownEditor" k-template.bind="categoryTemplate"></ak-col>
<ak-col k-field="UnitPrice" k-title="Unit Price" k-format="{0:c}" k-width="130px"></ak-col>
<ak-col k-command="destroy" k-title=" " k-width="150px"></ak-col>
</ak-grid>
</div>
</template>
@adriatic
adriatic / app.html
Last active Aug 10, 2016
ComboBox: cascading combobox
View app.html
<template>
<div id="example">
<div class="demo-section k-content">
<h4>Categories:</h4>
<ak-combobox k-option-label="Select category..."
k-data-text-field="CategoryName"
k-data-value-field="CategoryID"
k-widget.bind="categories"
k-data-source.bind="{
type: 'odata',
@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>