Questions on Kendo UI for jQuery Forum

1 answer

178 views

Highlight axis when hover over series/legend

I have a chart with multiple data series and multiple axis similar to http://demos.kendoui.com/dataviz/bar-charts/multiple-axes.html
I want a way to give the user a clue which axis is related to which data series, so I've tried applying colors that visually tie them together. However this approach doesn't work too well with themes (try setting the demo to Black - you can hardly see one of the axes).

So what I'm thinking now is to visually highlight the axis when the user hovers over the data series and/or legend. Similar to the way that hovering over the legend highlights the associated data series.

Could anyone give me a clue how to do this highlighting? or even any alternative ideas

Charts

answered on 29 Jul 2013

3 answers

182 views

Best practices for Expiring/refreshing dataSource data

I'm working on a mobile app were some of the data requests will be cached in localStorage on the device. Depending on the data, I'd like to assign a timeout value for it that would flush the existing value and make new network request. I'm assuming I'll need to set timestamps into localStorage, check them when the data is requested and if its expired, execute a read() on the object to refresh the data.

Would that be a plausible solution or are there features of the framework that I've overlooked for this type of thing?

Data Source

answered on 29 Jul 2013

5 answers

78 views

After upgrading to Kendo UI 2013.2.716 all the DataSources stopped working !

Hi

I have an application which uses WCF Data Services OData service and works under Kendo UI 2013.1.319 with following syntax:

var clientsDataSource = new kendo.data.DataSource({

type: "odata",

serverFiltering: true,

serverSorting: true,

transport: {

read: {

url: '@Url.Content("~/Services/DataService.svc/ActiveClients")',

headers: {

DataServiceVersion: "2.0",

MaxDataServiceVersion: "2.0"

},

schema: {

model: {

id: "RecId",

fields: {

DateStarted: { type: "date" },

Exported: { type: "boolean" },

}

},

filter: { field: "Inactive", operator: "eq", value: inactiveFilter },

sort: { field: "CustomerName", dir: "asc" },

});

But as soon as I switched to new version of Kendo UI (2013.2.716) they stopped working.
Could you let me know what has been changed in new version of DataSource for supporting oData services and how should I modify my DataSource definition to work with new version of Kendo UI?

Thanks
Ron Farko

Data Source

answered on 29 Jul 2013

3 answers

227 views

Ajax bind multiple stack grouped stacked bar chart

So im having some difficulty binding multiple stacks via ajax to the grouped stacked bar chart. Hard coding the values the way you did in the demo works fine. However I am unable to replicate the results using ajax binding. I can do the grouped stacked bar chart with one stack, but having multiple stacks per category is eluding me. Do you have an example where that is done through ajax binding instead of specifying the int[] in the view? I can format the data in anyway that needs to be done. You can even use the demo data as an example just need to know how it would be loaded through the ajax binding using the mvc helpers not through creating the chart via script.
so
series
.Column(m => m.Value).Stack(true); but how to get this for multiple stacks per category...

Charts

answered on 29 Jul 2013

1 answer

122 views

Layout footer disappears

Hi,

I have encountered a very strange behaviour demonstrated by the following code sample:

<!DOCTYPE HTML>

<html>

<head>

<title></title>

<meta charset="UTF-8" />

<script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

</head>

<body>

<div data-role="view" data-layout="layout_home" id="home">

<a data-role="button" href="#lernen_auswahl">Lernen</a>

</div>

<div data-role="view" data-layout="layout_default" id="lernen_auswahl">

<a data-role="button" href="#lernen1" data-transition="fade">Los 2</a>

</div>

<div data-role="view" data-layout="layout_lernen" id="lernen1" data-stretch="true">

Foo!

</div>

<div data-role="layout" data-id="layout_home">

</div>

<div data-role="layout" data-id="layout_lernen">

<div data-role="footer">

<div data-role="navbar">

<p data-align="right">

<a data-role="button" href="#home">

Home

</a>

</p>

</div>

<div data-role="layout" data-id="layout_default">

<div data-role="footer">

<div data-role="navbar">

<p data-align="right">

<a data-role="button" href="#home">

Home

</a>

</p>

</div>

<script src="js/jquery.min.js"></script>

<script src="js/kendo.mobile.min.js"></script>

<script>

var app = new kendo.mobile.Application($(document.body), { transition: "slide" });

</script>

</body>

</html>

If you press the buttons 'Lernen', 'Los 2', go Home via the button in the footer, and press 'Lernen', 'Los 2' again, the footer vanishes and there is only a black strip where the footer is supposed to be.

This can be prevented by either using a different transition than 'fade', which is not an option in my case, or by not setting the default transition in the app initalization.

As you can see in the code snippet, I am using Phonegap (for Android). My Kendo UI version is 2013.2.716.

Looking forward to your reply
Alex

Application

answered on 29 Jul 2013

12 answers

134 views

Selected Item bug in 2013.1?

Hello,

After upgrading from 2013.1 from 2012.3, when I bind a source to a drop down list, there is not a selected item in the list anymore. I created two js fiddles which show this.

This first one is using 2012.3, note that the drop down list has Item1 selected by default:
http://jsfiddle.net/m4LPB/2/

This one is using 2013.1, note that the drop down list does NOT have an item selected:
http://jsfiddle.net/2FHsV/1/

Also, it appears that 2013.1 ignores anything I add to a data-index attribute on the select tag, where it should set the default item.

Thanks

DropDownList

answered on 29 Jul 2013

1 answer

119 views

KendoUI Web and Mobile auto detection

I'm new to Kendo UI and am trailing it with ASP.NET MVC Wrappers at the moment. I've made fairly good progress. I've created a group of 6 Dropdown list boxes, all of which update with server side filtering connecting to a MySQL database.

My question is if I wanted to design this sort of website for both web and mobile usage, how should I go about using the same code but for mobile viewing ? Are there any recommendations ?

General Discussions

answered on 29 Jul 2013

1 answer

71 views

Grid that expands with kendo window?

Hi,

I have a kendo Grid inside a kendo Window.

The grid starts about 1/3 down into the window. I am trying to find a way that the grid will size with the window. So when a user makes the window bigger the grid matches, but also allows the grid to scroll.

Its easy to get it to scroll, but I dont know how to get it to size with my window.

Any ideas?

Grid

answered on 29 Jul 2013

1 answer

199 views

Allow user to remove files before upload, but not after

I have the following config:

$("#upload-file").kendoUpload({

async: {

saveUrl: "http://mysite.com/upload",

removeUrl: "remove",

autoUpload: false

}

});

I would like to have the remove buttons on all the files before the user uploads the files (so they can remove any that were accidentally selected). I do not want to provide a remove button after the files have been uploaded because we are not currently supporting removal of files after they are uploaded.

I see that removing the "removeUrl" setting removes the ability to remove files all together. Is there a way to configure the control the way I describe?

Upload