Skip to content

Instantly share code, notes, and snippets.

View jpllosa's full-sized avatar

Joel Patrick Llosa jpllosa

View GitHub Profile
@jpllosa
jpllosa / kendo-chart-with-borders.html
Created December 16, 2021 10:49
Kendo Donut Chart With Borders Example
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<title>Kendo Donut Chart With Borders Example</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
</head>
@jpllosa
jpllosa / kendo-grid-vue-wrappers.html
Created November 9, 2021 11:17
Kendo Grid Using Vue Wrappers
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo Grid using Vue Wrappers</title>
<!--Load Kendo styles from the Kendo CDN service-->
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2021.2.616/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2021.2.616/styles/kendo.silver.min.css"/>
@jpllosa
jpllosa / kendo-dropdownlist-hide-selected-option.html
Created October 31, 2021 21:28
Kendo DropDownList Hide Selected Option Example
<!-- https://jpllosa.blogspot.com -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo DropDownList Hide Selected Option Example</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.224/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
@jpllosa
jpllosa / kendo-grid-persist-row-selection-solution.html
Created October 11, 2021 14:15
Kendo Grid Persist Row Selection Example
<!-- https://jpllosa.blogspot.com -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo Grid Persist Row Selection Example</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
@jpllosa
jpllosa / kendo-grid-persist-row-selection-kb-article.html
Created October 11, 2021 14:13
Kendo Grid Persist Row Selection From KB Article
<!-- https://docs.telerik.com/kendo-ui/knowledge-base/persist-row-selection-while-paging -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.3.914/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
@jpllosa
jpllosa / kendo-chart-vue-wrappers.html
Created October 1, 2021 20:03
Kendo Chart Using Vue Wrappers Example
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<title>Kendo Chart using Vue Wrappers</title>
<!--Load Kendo styles from the Kendo CDN service-->
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.common.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.default.min.css"/>
<!--Load the required libraries - jQuery, Kendo, Babel and Vue-->
@jpllosa
jpllosa / kendo-donut-chart-show-0-percent.html
Created September 18, 2021 19:56
Donut Kendo Chart with 0% Example
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<title>Kendo Donut Chart With 0% Example</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
</head>
@jpllosa
jpllosa / responsive-kendo-pivotgrid.html
Created September 10, 2021 20:35
Responsive Kendo PivotGrid Example
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<title>Responsive Kendo PivotGrid</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
</head>
@jpllosa
jpllosa / products.js
Created September 10, 2021 20:29
Sample Data
var products = [{
ProductID : 1,
ProductName : "Chai",
SupplierID : 1,
CategoryID : 1,
QuantityPerUnit : "10 boxes x 20 bags",
UnitPrice : 18.0000,
UnitsInStock : 39,
UnitsOnOrder : 0,
ReorderLevel : 10,
@jpllosa
jpllosa / kendo-listbox-item-select-issue.html
Created August 30, 2021 19:52
Kendo Listbox Item Select Issue Example
<!-- https://jpllosa.blogspot.com/ -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo Listbox Item Select Issue Example</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.common-bootstrap.min.css"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.bootstrap.min.css"/>