how do I force position of categoryAxis labels to bottom?
$(".kpi-development-chart", row).kendoChart({ theme: "bootstrap", chartArea: { height: 200 }, dataSource: { data: dev }, title: { text: data[i].name }, legend: { visible: false }, seriesDefaults: { type: "line", style: "smooth", labels: { visible: false, background: "transparent" } }, series: [{ field: "data" }], valueAxis: { plotBands: dataTypeRanges, visible: false }, categoryAxis: { field: "date", type: "date", labels: { mirror: true } }});

We have based our mobile web app on the whatsername-app: https://github.com/telerik/whatsername
We have one view with a grid with three columns. The first one is frozen and the other two are not, in order to keep the first one visible at all times while scrolling through the other columns. However when testing on a mobile device or using the mobile device simulator in Chrome, it's impossible to scroll horizontally through the non-frozen columns.
Is there something that catches the scrolling event before the grid can handle it? We are also using a drawer but the problem persists even when removing the drawer or setting swipeToOpen:false on the drawer.
I tried to make a demo in a dojo, but the dojo code works! http://dojo.telerik.com/ehaPu .
When we run the dojo in "fullscreen" mode and using a mobile device or Chrome developer tools in mobile view (refresh page once in mobile view to get correct mobile behaviour) it's still possible to scroll the grid horizontally.
PS. As a side not, we are unable to scroll inside the grid by scrolling on the frozen column, but I see that there's already a bug report on that: http://www.telerik.com/forums/scrolling-with-frozen-column
Best regards,
Mikael Arvidsson

I've been using #:xx# or#=xxx# until I saw the usage of ${xxx} in this example:
http://demos.telerik.com/kendo-ui/sparklines/remote-data-binding
The template documentation (http://docs.telerik.com/kendo-ui/framework/templates/overview) seem not to mention the ${xxx} syntax.
Can your clarify what syntax is preferable in what context?
Hi,
In my project, We are using Kendo UI grid with virtual scrolling feature. By using mouse scroll it is working as expected. As our new requirement, grid data scroll is also working with Page up/Down key of key board.
Please let me know is it possible with Kendo UI grid?
We are using AngularJS 1.4 in our project.

Hi ,
I have sales data with hierarchy.
I need to show it in grouping for each level.
Can i implement N-level nested hierarchy in Kendo UI Grid (Angular ) with grouping for each level.
Thanks
Shmuel
Hi,
[MVC 4.0 C# + Razor, VS 2015 , Kendo Version: 2016.2.714.545]
I draw scatter (X-Y Plot) chart with lots of data points, Assigned tooltip on each points, which works perfectly fine. But problem is when i draw rectangle on chart tooltip is not working (for obvious reason) for point under rectangle for rest of point it works.
I used kendo.drawing API for drawing rectangle on chart... On Chart Render method. "chart.surface.draw(myPath);"
Drawing object is with opacity 20% , means we can see all points on graph under drawing but as mouse hover event catch by rectangle not by series point tooltip won't appear.
Question: How can pass mouse hover event to series point under drawn rectangle?
I have an angular 2 application and I want to use the Kendo UI Slider on it. I tried the Beta version of the "Kendo UI for Angular 2" but it did not work properly and I don't want to use a beta version.
How can I use the normal kendo Slider with Angular 2? I want the slider to have ticks with number tick labels. I am using Visual Studio 2015.
Please help.
I am trying to test out some ideas for adding data to a dataSource and then updating the local copy for a ListView. There is an API call that runs in the background, and I DON'T want this to be editable within the ListView itself. While trying out some ideas, I looked at the DoJo at the DataSource add method. I have changed the code as follows. I expect to have 2 records and to have Jane Doe appear first. Why is this not the case?
Thanks!
<body> <p id="num"></p> <p id="first"></p> <p id="second"></p> <script>var dataSource= new kendo.data.DataSource({ data: [ { name: "Jane Doe", age: 30 } ]});dataSource.add({ name: "John Doe", age: 33 });dataSource.sync();var data = dataSource.data();$('#num').text(data.length); // displays "1"$('#first').text(data[0].name); // displays "John Doe"$('#second').text(data[1].name); // gives error</script></body>