Questions on Kendo UI for jQuery Forum

1 answer

198 views

I have an application where I want a window pinned, so it loads in the center of the viewport whenever it is opened. But I also want the window to be draggable, so the user can slide it out of the way to look at the data underneath it. This works great when the browser is scrolled all the way to the top, but there is differing behavior in different browsers when scrolled down:

In IE10, the window opens in the middle of the screens and stays pinned when I scroll, but if I try to drag the window, it immediately moves down the same number of pixels as the browser is scrolled (if I'm scrolled down 50 pixels, the window jumps down 50 pixels lower than my mouse pointer), almost as if the math to calculate the window position when dragging isn't being done right.

In Chrome, the window drags correctly, but when it opens up it's not centered on the screen (if scrolled down when opening). It is positioned down, roughly the same number of pixels the browser is scrolled down.

Has anybody else run into this issue? Is this a configuration issue on my end or is it a bug in the Kendo Window widget?

Kendo Version: Q3 2012 (Just downloaded today)
Browser Version: IE10 and Chrome 31 on Windows 7
jQuery Version: 1.8.2

Window

answered on 28 Nov 2013

3 answers

5.8K+ views

How can I get ellipsis ... instead of wrapping

I notice that when a value is long and unwrappable and the column is narrow the value is display with ellipsis ... to indicate there is more to see if the column is widened.

Is there a way to have the grid always use ellipsis and not wrap cell content?

INFO LOOKS LIKE
THIS BY DEFAULT

want

INFO LOOKS LIKE ...

Thanks,
Richard

Grid

answered on 28 Nov 2013

1 answer

234 views

Use the Kendo Editor for Inline Grid Editing?

I have a grid that has a memo field (+ 5 other fields). I want to allow the inline editing of that field using the kendo editor - is this possible? Do you have any samples?

Or, I would like to create a popup window with the text of the cell populated into it for editing? Any samples of that approach?

Editor

answered on 28 Nov 2013

1 answer

216 views

Persistent data store. What should I use?

Hi, I'm very new to hybrid app development using Kendo Mobile. Here's what I'm trying to do...

1. pass username/password encrypted token to API server and get api_key
2. Store api_key on mobile device somewhere and use that key to authenticate every http request to the API server.

Now, where should I store the api_key?

I'm thinking of storing that api_key in LocalStorage (https://github.com/kendo-labs/kendo-plugins/blob/master/Framework/kendo.data.localstoragedatasource.js). But how does this work when converted as Android or IOS app?
Will it still use localStorage? or convert to some other datastore that I'm not sure of in native world?

Any recommendation? or best practices?
*ps: api_key should be persistent even when closing the native app, so that user don't need to login again everytime they open the app.

General Discussions

answered on 28 Nov 2013

3 answers

382 views

Listview + endless scrolling + Local Data +virtualViewSize

Hi,

So am having trouble with making the listview work.
after I create the listview with the following options turned on and populate some data there is a lag with scrolling down and when i reach the bottom i cannot check the last 4 items and sometimes the loading image is still there.

I tracked the issue down and though its from my code but turned out that you have the same problem going on as well and this shows only on IPad and not on the browser.

Notice that in your cuteness.io app the gap from the bottom as well as the gap from the top and this happens if you scroll to the bottom then scroll up then down then up and suddenly you get this.

ListView (Mobile)

answered on 28 Nov 2013

7 answers

78 views

ios7 Grid styles in mobile apps

Hi,

since ios7, all grid styles seem to be incorrect in mobile applications

kendoui.complete.2013.2.918.commercial
same with version 926

<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.black.min.css" rel="stylesheet" />
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>

kind regards

Grid

answered on 28 Nov 2013

11 answers

326 views

loading popup

I tried the following exactly as it is

http://demos.kendoui.com/mobile/application/loadingpopup.html

when i try to run it i always get the following everytime i click the button in chrome

Uncaught ReferenceError: kendoMobileApplication is not defined

The error is shown when i use kendoMobileApplication as shown below

loaderElement = kendoMobileApplication.pane.loader.element.find("h1");

Application

answered on 28 Nov 2013

1 answer

261 views

Category axis Label Display Step

Hey,
Say I have 92 columns in a bar chart ( 3 months) , could be 90 or 91 or 93, depends on the months. Id like to display all column for each day but the labels only to appear on the 1st day of the month. Could someone please advise how to achieve this functionality.
Current category axis configuration:

categoryAxis: {
field: "PeriodTime",
type: "Date",
baseUnit: "days",
majorGridLines: {
visible: false
},
labels: {
font: "6.50pt Verdana",
color: "#666666"
},
color: "#aa00bb"
},....

Thanks in Advance, any suggestions appreciated. Regards,
Neil

Charts

answered on 28 Nov 2013

1 answer

278 views

Custom Javascript Date Picker inside Kendo Grid(EditorTemplate???) with Inline Editing

We have a custom JQuery/Kendo Date Picker built out of Javascript(not HTML)...We are trying to use in a Kendo Grid(inline Editing). Having a few different problems, mainly getting the data back to the appropriate column/field. Trying to see if anybody has done something like this successfully. We've seen Editor Template Examples, but mainly with Serverside HTML/Razor code. Our Date Picker is pure javascript...(uses Kendo Date Picker though)...

Any examples/suggestions would be greatly appreciated.

Thanks

Grid

answered on 28 Nov 2013

3 answers

516 views

Value Axis does not scale automatically if MajorUnit is set

Hi,
I am try to use kendo chart 's MajorUnit functionality to show the value axis labels as integer values but with big numbers labels get overlapped, and if I do not use MajorUnit the kendo chart display labels in decimal that looks inappropriate for integer values. I also want to scale labels automatically according to the max value in the series, but I am not getting these two functionalities together.

Please help me how I can show only integer labels on value axis as well as auto scaling.

Thank you & Regards,

Poonam

Charts

answered on 28 Nov 2013