Skip to content

Instantly share code, notes, and snippets.

View lohithgn's full-sized avatar

Lohith lohithgn

52 followers · 12 following
View GitHub Profile
@lohithgn
lohithgn / kuichartangular_datasource.js
Created October 3, 2016 04:49
kendo ui data source for the chart
$scope.chartDataSource = new kendo.data.DataSource({
data:$scope.initialData
});
@lohithgn
lohithgn / kuichartangular_data.js
Last active October 3, 2016 04:46
static data for the chart
$scope.initialData = [
{category:"MSIE",value:55.11},
{category:"Firefox",value:21.63},
{category:"Chrome",value:11.94},
{category:"Safari",value:7.15},
{category:"Opera",value:2.14},
];
$scope.msieData = [
{category:"MSIE 6.0",value:10.85},
{category:"MSIE 7.0",value:7.35},
@lohithgn
lohithgn / kuichartangular_initial.js
Created October 3, 2016 04:43
angular module and controller definition
angular.module("KendoDemos",["kendo.directives"])
.controller("MyCtrl", function($scope){
//code ...
});
@lohithgn
lohithgn / kuichartangular.html
Created October 3, 2016 04:34
Kendo UI Chrt + Angular JS - Drill Down. markup
<div id="example" ng-app="KendoDemos">
<div ng-controller="MyCtrl">
<div kendo-chart="kChart"
k-series-defaults="{type:'column'}"
k-series="[
{field:'value',categoryField:'category'}
]"
k-data-source="chartDataSource"
k-series-click="onSeriesClick"
style="height:450px">
@lohithgn
lohithgn / RadMap_Configuration.aspx
Created September 8, 2016 11:14
RadMap with Confiuration
<telerik:RadMap ID="RadMap1" runat="server" Zoom="2" Width="1000" Height="500">
<CenterSettings Latitude="23" Longitude="10" />
<%-- ommitted for brevity --%>
</telerik:RadMap>
@lohithgn
lohithgn / RadMap_Markers.aspx
Created September 8, 2016 10:46
RadMap - adding markers
<telerik:RadMap ID="RadMap1" runat="server">
<LayersCollection>
<telerik:MapLayer Type="Tile"
Subdomains="a,b,c"
UrlTemplate="http://#= subdomain#.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"
Attribution="&copy; <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">
</telerik:MapLayer>
</LayersCollection>
<MarkersCollection>
<telerik:MapMarker Shape="PinTarget" Title="Palo Alto">
@lohithgn
lohithgn / RadMap_Layer.aspx
Last active September 8, 2016 10:25
RadMap Demo - Adding OpenStreeyMap Layer
<telerik:RadMap ID="RadMap1" runat="server">
<LayersCollection>
<telerik:MapLayer Type="Tile" Subdomains="a,b,c"
UrlTemplate="http://#= subdomain#.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"
Attribution="&copy; <a href='http://osm.org/copyright' title='OpenStreetMap contributors' target='_blank'>OpenStreetMap contributors</a>.">
</telerik:MapLayer>
</LayersCollection>
</telerik:RadMap>
@lohithgn
lohithgn / kendouicoredatepicker.cshtml
Created August 15, 2016 19:09
Kendo UI Core Date Picker example
@section scripts{
<script>
$(document).ready(function () {
$("#kDatePicker").kendoDatePicker();
})
</script>
}
@lohithgn
lohithgn / kendouicoredatepicker.cshtml
Created August 15, 2016 19:06
Kendo UI Date Picker Code Snippet
<div class="row">
<div class="col-lg-12">
<input name="kDatePicker" id="kDatePicker" />
</div>
</div>
@lohithgn
lohithgn / scripts.cshtml
Created August 15, 2016 18:37
Kendo UI Core JavaScript References
<environment names="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
<script src="~/lib/kendo-ui-core/js/kendo.ui.core.min.js"></script>
</environment>
<environment names="Staging,Production">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
asp-fallback-test="window.jQuery">