Hi there

I have a grid with a child element, I am using AJAX binding for both grids. I have two issues. The child element opens, but doesn't call the AJAX data bind until I click on the header of the child element. And secondly, the #=Publisher# parameter, comes through as #=Publisher# instead of the actual value?

There is a Kendo Ui Editor in my page.
I need to render Html as well as OpenXml data in the Kendo UI Editor.
If Kendo UI Editor not supports the above feature, then
Is there any other Kendo controls available which supports the above feature.

hi,

Would you be able to provide the Remote Databinding (From a JSON Url) example of the below mentioned static Series. 

function createChart() {
$("#chart").kendoChart({
title: {
text: "World population by age group and sex"
},
legend: {
visible: false
},
seriesDefaults: {
type: "column"
},
series: [{
name: "0-19",
stack: "Female",
data: [854622, 925844, 984930, 1044982, 1100941, 1139797, 1172929, 1184435, 1184654]
}, {
name: "20-39",
stack: "Female",
data: [490550, 555695, 627763, 718568, 810169, 883051, 942151, 1001395, 1058439]
}, {
name: "40-64",
stack: "Female",
data: [379788, 411217, 447201, 484739, 395533, 435485, 499861, 569114, 655066]
}, {
name: "65-79",
stack: "Female",
data: [97894, 113287, 128808, 137459, 152171, 170262, 191015, 210767, 226956]
}, {
name: "80+",
stack: "Female",
data: [16358, 18576, 24586, 30352, 36724, 42939, 46413, 54984, 66029]
}, {
name: "0-19",
stack: "Male",
data: [900268, 972205, 1031421, 1094547, 1155600, 1202766, 1244870, 1263637, 1268165]
}, {
name: "20-39",
stack: "Male",
data: [509133, 579487, 655494, 749511, 844496, 916479, 973694, 1036548, 1099507]
}, {
name: "40-64",
stack: "Male",
data: [364179, 401396, 440844, 479798, 390590, 430666, 495030, 564169, 646563]
}, {
name: "65-79",
stack: "Male",
data: [74208, 86516, 98956, 107352, 120614, 138868, 158387, 177078, 192156]
}, {
name: "80+",
stack: "Male",
data: [9187, 10752, 13007, 15983, 19442, 23020, 25868, 31462, 39223]
}],
seriesColors: ["#cd1533", "#d43851", "#dc5c71", "#e47f8f", "#eba1ad",
"#009bd7", "#26aadd", "#4db9e3", "#73c8e9", "#99d7ef"],
valueAxis: {
labels: {
template: "#= kendo.format('{0:N0}', value / 1000) # M"
},
line: {
visible: false
}
},
categoryAxis: {
categories: [1970, 1975, 1980, 1985, 1990, 1995, 2000, 2005, 2010],
majorGridLines: {
visible: false
}
},
tooltip: {
visible: true,
template: "#= series.stack #s, age #= series.name #"
}
});
}

Has anyone had trouble with unit testing grid kendo directive.

I have a very simple test with just columns configuration options, upon compilation of element I get the following back:

<div kendo-grid="" options="kendoGridOptions" style="visibility: hidden;"></div>

Thanks,
Aakanksha.

I am using the monthly timeline for a project and have a large amount of events that I am loading into the timeline, and that number will only grow overtime.  So what I am trying to do is only load events for the given month that is being viewed.  I have the data coming in correctly but I am not able to reset the dataSource.  

The steps I am taking to set the new dataSource are below:

var scheduler = $("#accountManagerHomeTimeline").data("kendoScheduler");

newData = [{client_name: "ALLIED-THA ST. VINCENT", end: "2014/11/14", end_date_tooltip_formated: "11/14", id: 2198, isAllDay: true, key: "#e826b8", placement_count: 1, start: "2014/11/14", start_date_tooltip_formated: "11/14", text: "Allied-tha st. vincent", title: "st. vincent", total_cost: "$548.42", value: 2198 }]

var newDataSource = new kendo.data.DataSource({ data: newData })

scheduler.setDataSource.data(newDataSource)

I get the following error:

ypeError: undefined is not a functionmessage: "undefined is not a function"stack: (...)get stack: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: Object__proto__: function Empty() {}<function scope>set stack: function () { [native code] }arguments: nullcaller: nulllength: 1name: ""prototype: Object__proto__: function Empty() {}<function scope>__proto__: Errorconstructor: function TypeError() { [native code] }name: "TypeError"stack: undefined__proto__: d
 

 Below is a gist to my function that creates the timeline:

 https://gist.github.com/sdanko11/4ce68ea7f6d76a3b858e  

Not really sure what the issue is but any help would be greatly appreciated.     

I'm using an editor template for popup editing and have everything working just the way I want it to but style and css have been a tooth and nail struggle all the way. The Update & Cancel buttons on my form aren't created by my code so I don't have direct access to manipulate their position. The following code snippet works great if I tell it to float left, but float right, which is what I want, only floats it half way.

.k-edit-buttons {
    float: right;
}

All the examples of this I've seen lead me to believe float right is probably the default, unfortunately, all the examples I've seen are small forms allowing the user to update three or four fields. If that was all I had I'd use inline editing. My form has a width of 860px. This is my fourth attempt to post this issue as the page keeps locking up. I will attach my two cshtml files.

Please Help.

Hi,

I'm using a ListView with Fixed Headers. It works perfectly in Portrait mode. But in landscape mode, the last item in the ListView is not accessible. The scrolling is not uniform in landscape orientation. I've tried all combinations of Fixed Headers, EndlessScroll, PullToRefresh, but no luck.

Have attached the screenshot in two modes. 

I have a kendo grid on a page that displays some data. I have the column menu enabled so that certain columns can be hidden by the user if they choose. I also have multiple cell selection enabled so that the user can select a range of cells.  Using the "change" event on the grid and the "this.select()" method, I look to see if the user has selected cells from a particular column. If so, I do some basic math using the selected cell values which are then displayed using a kendo window next to the selected cells.

This all works great when none of the columns in the grid are hidden. However, once one of the columns is hidden (either set that way when the grid is initialized or hidden using the column menu), the multiple cell selection function stops working or works very, very slow.  With a column hidden (any column), often when I try to select a range of cells, all of the cells in the entire table jog over to the left, the screen hangs for 30 seconds to 2 minutes minutes and when my selection is finally displayed it often doesn't include the cells I actually selected or, if it does, it also includes cells from additional columns and/or rows.

I am attaching a sample project so you can see this in action. In my actual project, I am getting the data from a remote source, but for this demo, I have just put the data I am using into a JavaScript array.  As far as I can tell, the only difference between the working and the non working version is the fact that a column on the grid is hidden.

There are several columns in the grid. The attached project doesn't include my style sheets so on smaller screens, the column titles are cut off. The column where I am doing the calculations is POQty, but you can still see the effect when selecting multiple cells in another column too. Also, the greater the range of cells selected after a column is hidden, the more pronounced the effect.

Good day! 
Tell me, please, how to portray such a chart. 
Thanks in advance.

We're a team of 7 web devs working at Google. Among other widget libraries and JS frameworks, we're evaluating Kendo UI Professional for an open source project (Google's Governance, Risk Management and Compliance system - https://github.com/reciprocity/ggrc-core).

There are several components we'd need besides those provided with Kendo UI Core. Assuming we purchase the appropriate licenses, can we use those components and keep the product open sourced?