Telerik Forums
Kendo UI for jQuery Forum
1 answer
89 views
Hi everyone

I have a view (lets call it "search-view") when user click a link like <a href="#search-view?q=Yahoo"> it will open the view and run fine without any issue

now inside the view "search-view" I have a link called <a href="#search-view?q=Google"> , when I try to click it simply the app will not respond and no error in the browser console.

I'm trying this using chrome so I'm not sure its it because chrome or this method is not allowed.


Thanks


Ahmad
Top achievements
Rank 1
 answered on 07 Jul 2012
0 answers
109 views
I want to set a dynamic value to the field in edit mode.i define a function in edit event.
kendoGrid({ edit : function (e) {
e.model.set("type","aaaaa");
}})

but if this field is define in the DataSource is required, it can not work.it alway show "type is required", but the value can not be set.but not required is work good.

how can make it work good when the field is define required in the datasource.
Chilam
Top achievements
Rank 1
 asked on 07 Jul 2012
1 answer
76 views
In the demo on this page: http://demos.kendoui.com/mobile/actionsheet/index.html
the ActionSheet stays inside the demo container. In my app, the actionsheet takes over the whole browser window. How is that done in the demo?
Kamen Bundev
Telerik team
 answered on 07 Jul 2012
3 answers
478 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.
Joshua
Top achievements
Rank 2
Iron
Veteran
Iron
 answered on 06 Jul 2012
10 answers
499 views
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.
Thomas
Top achievements
Rank 1
 answered on 06 Jul 2012
3 answers
70 views

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.

Alexander Valchev
Telerik team
 answered on 06 Jul 2012
2 answers
31 views
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
Boris
Top achievements
Rank 1
 answered on 06 Jul 2012
4 answers
356 views
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.
Perry
Top achievements
Rank 1
 answered on 06 Jul 2012
0 answers
3 views
..
Guk Jung
Top achievements
Rank 1
 asked on 06 Jul 2012
2 answers
286 views
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?
Garrett
Top achievements
Rank 2
 answered on 06 Jul 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?