Questions on Kendo UI for jQuery Forum

5 answers

269 views

How to build Phonegap/Cordova app from existing Kendo UI project?

I'm currently evaluating Kendo UI for our new hybrid mobile app. So far everything went fine, but I just can't get my Kendo UI test project build into a standalone app using Phonegap. I just tried Android using this tutorial regarding the integration part of Kendo UI:

http://www.kendoui.com/blogs/teamblog/posts/12-02-22/building_your_first_kendo_ui_mobile_phonegap_application.aspx

This does work (basically), but in the resulting app nothing is really working (links, listviews etc.).

My question is: is there a more recent tutorial on how to integrate Kendo UI with Phonegap/Cordova? The one above seems outdated to me (i.e. there is no phonegap-*.js in the phonegap download).
If there is no tutorial that works with Phonegap 2.9., could some one spare a few minutes and tell me how to get the Kendo UI stuff into a freshly created phonegap www structure?

Btw: I tried the cloud service of the Phonegap builder, which works fine, but is not suitable for us. I need to build it locally. As I mentioned, Phonegap is set up locally and runs fine. I just need help with integrating Kendo UI.

Thanks a lot in advance,
Roman

General Discussions

answered on 03 Oct 2013

1 answer

514 views

Grid InCell Mode Validation

Hi,
I have followed this sample to see how validation works on the grid.

http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/serverside-validation-during-pop-up-editing-not-working-with-custom-template.aspx

But I am unable to make it work with incell editing. When I change the edit mode to incell, the grid no longer has editable object available.

I guess what I am trying to do is somehow get the uid of the grid cell that caused the validation, and then use that and iterate over

$(

"#Grid").data("kendoGrid").tbody to find the elment in the grid where I want to display the validation error as a tooltip

Thanks

Grid

answered on 03 Oct 2013

4 answers

176 views

Access Denied error when document.domain is set.

I am working in an application where it is necessary to set document.domain. This is non-negotiable. When document.domain is set and I am using localhost or a FQDM then I get an "Access Denied" error from Kendo. It has something to do with creating or accessing the iframe for the editor. The error occurs on line 301 of kendo.editor.js:

295 iframe = $("<iframe />", { src: 'javascript:""', frameBorder: "0" })

296 .css("display", "")

297 .addClass("k-content")

298 .insertBefore(textarea)[0];

299

300 wnd = iframe.contentWindow || iframe;

301 doc = wnd.document || iframe.contentDocument;

You can reproduce this issue by taking the editor demo (found here: examples\web\editor\index.html) and adding the following script tag at the end of the head:

<script>document.domain=document.domain;</script>

Setting the document.domain after the editor is initialized obviously works but probably wont always be an option. How can I get the editor to work after document.domain is set?

This occurs in IE 8 & 9. The version of Kendo I am using is 2013.2.716.

Editor

answered on 03 Oct 2013

2 answers

402 views

Kendo Grid Hierarchy - Print parent rows

Hi,
I am using Kendo Grid Hierarchy in my ASP.Net Web application.
For each row in my parent table, i have an option to print that row details.
My parent table is associated with a model. Each row in this parent table has several columns:
- ID
- Product Name
- External Number
- Print button
Here is my problem,
I need to print parent row before I explore the child table. That means before I use detailInit(e) function I need to get selected row ID to print that row.
My print function is,

$("#GridName").on("click", ".k-grid-print", function (e) {
e.preventDefault();
var dataItem = $(e.target).closest('td').siblings(':first-child').text();
alert( dataItem );
});
But in here "dataItem" is always empty. If I remove child table from the grid. Its worked. So How I can solve this problem ??

Regards,
Rukz

Grid

answered on 03 Oct 2013

11 answers

505 views

How to add Custom Labels at specific ticks(Scale vale) in Radial Gauge chart?

I have Gauge chart with pointer value 3 as shown in attached screen shot. Now how to add custom label at 3

General Discussions

answered on 03 Oct 2013

1 answer

262 views

Issue when using the arrow keys (up/down) on dropdownlist

I have an issue in Firebug when navigating with on a dropdownlist :
TypeError: d is undefined
anonymous()kendo.....min.js (line 9)
_hideBusy(e="(", n=3)kendo.....min.js (line 16)
_hideBusy(e=Object { originalEvent=Event keypress, type="keypress", timeStamp=167927338, more...})kendo.....min.js (line 16)
b()jquery.min.js (line 3)
b(e=Object { originalEvent=Event keypress, type="keypress", timeStamp=167927338, more...})jquery.min.js (line 3)
b(e=keypress charCode=0, keyCode=40)jquery.min.js (line 3)
...null}else if("s"===l){if(x("s"),B=C(2),null===B||t(B,0,59))return null}else if("...
This happens only on Firefox (23.0.1) and not on Chrome.
Also, I can see in Firebug something like this: ObjectObject { error="Mozilla error: invalid scope variables"}
You can test this issue here: http://jsfiddle.net/sergiu079/pKsXN/18/
Write something into the input field then press TAB and after that press the down arrow.
Any ideas?

DropDownList

answered on 03 Oct 2013

1 answer

84 views

Use gradients or images instead of colors in charts

I'm looking for a way to use a gradient or a image instead of a color for the background of a bullet chart. Something like the attached image.

Charts

answered on 03 Oct 2013

3 answers

3.6K+ views

Render string as html in Template

I'm trying to create a detail view for a grid but I can't seem to figure out how to display a string as HTML.
I've followed the demo http://demos.kendoui.com/web/grid/custom-command.html

My view model contains a TaskText property, for example:

<p><span style="font-size:medium;text-decoration:underline;"><strong>Fix these bugs:</strong></span></p><ol><li><span style="font-size:small;color:#a349a4;"><strong>Bug 1</strong></span></li><li><span style="font-size:small;color:#ed1c24;"><strong>Bug 2</strong></span></li></ol>

The script I use is defined below:

<script type="text/x-kendo-template" id="template">

<div id="details-container">

<h2>#= Title #</h3><br/>

<h3><span>Task type: </span>#= TaskType #</h3>

<h3><span>Added by: </span><strong> #= AddedByUserName # </strong

>

		<

time>#= kendo.toString(AddedOn, 'yyyy-MM-dd hh:mm') #</time></h3>

#= TaskText # <br/>

<h3><span>Assigned to: </span><strong>#= AssignedToListUserNames # </strong></h3>

</div>

</script>

Using #= TaskText # doesn't help as you can see in the attached file.

What seems to be the problem?

Templates

answered on 02 Oct 2013

2 answers

113 views

MetroBlack Grid in Chrome has white column lines

I know this is going to sound strange, but I started seeing this in the last version, and I am seeing it also in 2013.2.918.commercial

I use the MetroBlack Theme, and for Grids (and also see my related note about DatePickers) I am seeing a white line as the border between columns for my Grid. This is only the case in Chrome v29. I am also attaching screen shots of the same app running in FireFox and IE11. They are displaying fine.

Any ideas?

See My related post with the same problem with the DatePicker
DatePicker

Grid

answered on 02 Oct 2013

2 answers

94 views

MetroBlack DatePicker has white borders

I know this is going to sound strange, but I started seeing this in the last version, and I am seeing it also in 2013.2.918.commercial.

If you look at the attached screen shots, for exactly the same page. You will see that Chrome V29 is rendering white boxes around the dates. Which is not the case with IE11 or FireFox. Since it is the same exact code, I have no idea why it would render differently.

I have a similar issue with the Grid see this post.

Date/Time Pickers

answered on 02 Oct 2013