Questions on Kendo UI for jQuery Forum

3 answers

500 views

I am having issues when trying to combine these two widgets in an application.

The process I want is for a user to be able to:

1) Launch a kendo window
2) FROM the kendo window launch a second kendo window (using custom action) that contains a kendo editor

HTML snippets:

<div id="viewPort"><br><div id="viewPortTools"><input id="zoomSlider" /></div><br><div id="viewer"><br><img id="viewImg" style="zoom: 1.0" alt="graphic" src="http://localhost:1334/GetCachedImage.aspx?GUID=8954aa7f-dfd4-4273-945e-03b0f2a6dee9" /><br><div id="editorPort"><div><textarea id="editor" rows="10" cols="40"></textarea></div></div><br></div>

JavaScript:

$(document).ready(function () {

var viewport = $("#viewPort").kendoWindow({
actions: ["Custom", "Refresh", "Maximize", "Minimize", "Close"],
draggable: false,
visible: false,
height: "95%",
width: "95%",
modal: true,
resizable: false,
title: "ViewPort"
}).data("kendoWindow").wrapper.find(".k-custom").click(function (e) {
console.log(e);
var editport = $("#editorPort").data("kendoWindow");
editport.center();
var editor = $("#editor")
editport.open();
e.preventDefault();
});

//Configure editor used for annotations inside popup modal window.
$("#editor").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"foreColor"
]
});
//Configure editor popup window used by editor
var editport = $("#editorPort").kendoWindow({
actions: ["Close"],
draggable: true,
visible: false,
height: "200px",
modal: false,
resizable: false,
title: "Editor Full Window",
width: "400px"
}).data("kendoWindow");
//Placeholder function to test viewPort
$("#folderTitle").click(function () {

var viewport = $("#viewPort").data("kendoWindow");
viewport.center();
viewport.open();
});
});

However depending on the order of the editor and window declarations and the placement of the div that contains the editor (#editorPort) either of the following occurs:

1) Inline editor - Toolbar is corrupted and buttons displayed one below the other. Edit are works (e.g. contenteditable)
2) outline editor - Toolbar is fine however editor is not well editable. (by outline I mean that the #editorPort is placed outside of #viewPort in the DOM).

Any thoughts/comments?

Thanks,

Mark.

Editor

answered on 06 Jul 2012

10 answers

567 views

KendoUI error on load in a Chrome extension

I wonder if anyone is aware of the fact that adding KendoUI to a html file used in a Chrome extension causes errors on load:

I am getting:

Uncaught Error: Invalid template:'<div class="k-group-indicator" data-#=da...
(line 344 in kendo.web.js)

when inspecting my popup page

If I load the same page directly in the browser (not via an extension) - it loads just fine.

Any chance that a simple extension can be built to track this issue. It's a shame not to use KendoUI when developing extensions.

The issue can be replicated by including kendo.web.js in a popup page - nothing more, no need for any more code. I am using the 515 release.

Ron.

General Discussions

answered on 06 Jul 2012

3 answers

86 views

Issue on drop with last version 2012.1.515

When using Drag & drop control with version 2012.1.515, if the cursor is positioned over the "hint", it seems that the draggable object is trying to drop over the "hint" instead of the div with the "data-role=droptarget" attribute. This feature crashes our web site.

But, if the cursor is next to the "hint" (ex : cursorOffset: {top:10, left:10}), everything works as expected. We do this patch now. If we remove the cursorOffset, the web site crashes.

My question is : why the draggable object is trying to make a drop over the "hint" when it is below the cursor ?

We reproduce on the last version on IE and FireFox.

Drag and Drop

answered on 06 Jul 2012

2 answers

45 views

ListView Backgound Coloring is broken for Firefox 13.0.1

Hi,

Just updated Firefox to 13.0.1.
I had a beautiful and subtle coloring in both Chrome & Firefox on my ListViews, which is now gone for Firefox;

Load:
http://demos.kendoui.com/web/listview/index.html
http://demos.kendoui.com/web/listview/selection.html
in Firefox and Chrome to see the difference...

Any CSS guru's out there that can fix that for me?

~ Boris

ListView

answered on 06 Jul 2012

4 answers

385 views

How to feed a chart with a Kendo Grid?

I have a Kendo UI Grid on my page that is being fed from the server. What is the best way to have a chart that uses the same data as the grid without having to do another trip to the server and have the chart update as the user changes numbers in the grid? Examples are really appreciated.

Charts

answered on 06 Jul 2012

0 answers

3 views

..

General Discussions

asked on 06 Jul 2012

2 answers

319 views

Help with binding checkbox Enabled to a function, not a variable

I have a demo where I have a questionnaire question with some answers. The user is allowed to check up to 3 of the answers. When the user has checked 3 answers all checkboxes that are NOT checked have to be disabled.

The link for the demo I'm talking about is: http://jsfiddle.net/garrett55/ztpAf/

As you can see I am trying to use a function to disable some of the checkboxes but not others. This doesn't work and I think it has to do with the model not updating the view.

Anyone have an idea how to get something like this to work?

MVVM

answered on 06 Jul 2012

0 answers

82 views

Twitter Search

Hi

anyone has an example fo using data source with twitter search, this in include dealing with pages and pull to refresh.?

I really appreciate it if you can show me how to do it.

Thanks

Data Source

asked on 06 Jul 2012

0 answers

82 views

Is there any alternative way to make fileuploading success on ipad?

Hi,

Please help me to make upload sucsess in ipad by replying with exact code.

Regards,
Praveen.

Upload

asked on 06 Jul 2012

0 answers

130 views

Kendo DatePicker not display selected date in Android

Hi,

I am using Keno UI tools in my Mobile Application Development. Here I am using Kendo Datepicker which works fine in Ipad,but not display the selected date in Android phone.Actually the date is there ,but not visible in the andriod browser. How to solve this issue ? Please help.!

Regards,
Praveen.

DatePicker

asked on 06 Jul 2012