Questions on Kendo UI for jQuery Forum

4 answers

198 views

[Solved] 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

431 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

546 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

305 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

109 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.8K+ views

[Solved] 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

150 views

[Solved] 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

118 views

[Solved] 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.

DatePicker

answered on 02 Oct 2013

1 answer

95 views

Client side validation erros as list

I am using Kendo UI ASP.Net MVC framework and I have a kendo grid one of our pages. I am able do client side validation when the grid is in edit mode(using in-line editing). Error messages are displayed next to the field, it is possible to get all these errors and display them as a list when the Update button is clicked
on the row.

Grid

answered on 02 Oct 2013

7 answers

109 views

[Solved] StockChart Navigator Expansion

Hi,

When certain values are supplied in the data used by the stock chart navigator it causes it to expand to cover the entire chart:

http://jsfiddle.net/supercheez/U5jDh/1/

The data used is fairly specific but I have no idea what's going on.

Many thanks,
Chris

Charts

answered on 02 Oct 2013