Telerik Forums
Kendo UI for jQuery Forum
1 answer
117 views
According to this thread the issue of dropdowns' z-index being lower than the window has been corrected, but I'm still having this exact problem in IE8.  It works fine in IE9.  Unfortunately, where my page will be used IE8 is the standard.
http://www.kendoui.com/forums/ui/window/window-z-index-behaviour-issues.aspx

I've also tried the new beta code to see if maybe it has been corrected, but the problem still exists.  Has anyone had this issue with IE8 and found a way to work around it? or can you suggest a way to force the dropdowns to be on top after the window is loaded?
Cyndie
Top achievements
Rank 1
 answered on 28 Jun 2012
3 answers
225 views
AutoComplete works fine with a textarea in Chrome, but in IE8 it fails when it gets to this line in the AutoComplete init():
            element[0].type = "text";

I added a try/catch block around that line, and that makes it work just fine in IE8.
Russell de Grove
Top achievements
Rank 1
 answered on 28 Jun 2012
4 answers
223 views
Ok here's my window
<div id="edit-window" data-role="window" data-visible="false" data-modal="true" data-iframe="true" data-resizable="false" data-minWidth="600px">
        </div>
(width is ignored btw, but thats besides the point)

So I then have a click event, based on a template item which calls this
onRunVerb: function (verb) {
    var
window = $("#edit-window").data("kendoWindow");
                    window.title(verb.data.text);
                    window.content("<div class='loading''>Loading...</div>");
                    window.refresh(verb.data.url);
                    window.center().open();
}

Works great...until I close the window, then click on another button which calls this again...


window is undefined
window.title(verb.data.text);

Ideas?...does it destroy itself on close or something?
Alexander Valchev
Telerik team
 answered on 28 Jun 2012
0 answers
90 views
Hi,

how can I change the page of a grid by code?

Where is a FULL documentation (API) available?
Kai-Uwe
Top achievements
Rank 1
 asked on 28 Jun 2012
2 answers
236 views
Wondering if anyone else has seen this issue, or has an answer.  I am using the black theme for my grid, which has white text.  Unfortunately, when I add filtering, the textbox for the filter value is white, and the text entered is white...same as the grid.  Does anyone have any idea how to change this text color so that it shows up?

Thanks in advance...

Scott
Dimo
Telerik team
 answered on 28 Jun 2012
5 answers
507 views
Hi,

Can anyone please suggest, how can i replace the confirm alert box on click of delete button of the grid with a jquery dialog box, having ok and cancel buttons?

Regards,
Khushali
GungFooMon
Top achievements
Rank 1
 answered on 28 Jun 2012
1 answer
181 views
I am attempting to write an app via Titanium and implementing the Kendo UI. It took me a few days to find the right combination of JavaScript libraries, but I finally got it working. I've now moved onto attempting to get data (into a ListView to start). The following code snippets do work on iOS with the same setup, so it may have something to do with Android's, but I would appreciate any pointers to something I may be missing:

The HTML file looks like:

<html>
     <head>
        <!-- Style sheets -->
        <link href="../css/kendo.mobile.all.css" rel="stylesheet"/>
         
        <!-- Javascript libraries -->
        <script src="../js/jquery-1.7.1.js" type="text/javascript"></script>
        <script src="../kendo/kendo.all.min.js" type="text/javascript"></script>
     </head>
<body>
<div data-role="view" id="content-options" data-title="Data View 1">
    <header data-role="header">
        <div data-role="navbar">
            <span data-role="view-title">Header</span>
        </div>
    </header>
  
    <div id="header-info">
        <img src="../images/img-142.jpg" alt="img" />
        <div class="version">Some text</div>
        <div class="release-date">XX/XX/XXXX</div>
    </div>
      
    <ul data-role="listview" id="package-list" data-style="inset">
    </ul
</div>
 
<script>
     var app = new kendo.mobile.Application(document.body, {layout: "default"});
</script>
</body>
</html>


The JSON Array of data is received in a call back from the Titanium framework to the HTML page where it hands off data from the database.

<script>
    Ti.App.addEventListener('packageDataResponse',function(responseData) {
        var dataSource = new kendo.data.DataSource({
                data: responseData.message
            });
         
        $("#package-list").kendoMobileListView({
                template: "${title}",
                dataSource: dataSource
            });
    });
</script>


And finally, here's some sample data that comes back to the HTML 5 after the JavaScript call:

responseData.message = [
    { packageid: "1", title: "Package 1", description: "Description for Package 1" },
    { packageid: "2", title: "Package 2", description: "Description for Package 2" },
    { packageid: "3", title: "Package 3", description: "Description for Package 3" },
    { packageid: "4", title: "Package 4", description: "Description for Package 4" }
];


As I said, this all seems to come through just fine when I load it up on iOS, but in the Android WebView, I get the following JavaScript:

Uncaught ReferenceError: title is not defined (2:file:///android_asset/Resources/HTML/en/index.html)

It seems like it can't locate the title attribute of the JSON array, but I don't see any reason why it wouldn't. Has anyone else run into this? Any suggestions from the Kendo folks?

Thanks!

Alexander Valchev
Telerik team
 answered on 28 Jun 2012
1 answer
79 views
Great work on the beta datetime picker....I think it has great potential with just 2 minor tweaks.

When I click in the textbox I kind of expect something to happen.
Ideally the datepicker should pop down (while keeping keyboard focus to allow typing if preferred.)

When the datepicker pops up I can see lots of users not realising that there is a second step.
There should be a config option which sets the time picker to drop down immediately after the datepicker comes up.

So many datetime pickers lack a simple, clear and intuitive interface for first time novice users.
These 2 tweaks would easily put Kendo as the best datetime picker I have used.

I hope that you can get these small but significant changes added by the official release date.
(I am a paying customer!)
Iliana Dyankova
Telerik team
 answered on 28 Jun 2012
2 answers
296 views
I am trying out the ComboBox widget in our product. We already have html pulldowns and I am generating the comboBox from the existing pulldowns, seems to work great but with a fixed width by default. I figured out a way to initialize the comboBox with correct width I want, $("#mypulldown").width(computedWidth).kendoComboBox(). This works well too, but when the pulldown values are updated/changed comboBox width remains same. How do I get the width updated to correct size?
Here is the link to jsfiddle,
http://jsfiddle.net/vzwaC/

Thanks
Uma
U
Top achievements
Rank 1
 answered on 28 Jun 2012
0 answers
154 views

I have a grid that I have been using for a long time.  Today I added the property "sortable: true".  The grid now sorts correctly, but it is only one row high!

I never specify the height and I do not want to. 



    $("#jobMilestones").kendoGrid({
        columns: [
                    { field: "Name", title: "Milestone Description" },
                    { title: "Users", field: "Users", template: "#=showAddUsers(JobTaskId,Name,Users)#" },
                    { field: "DueDate", title: "Due Date", template: "#= displayMilestoneDate(DueDate, Complete) #" },
                    { field: "Complete", title: "Status", template: "#= displayMilestoneStatus(Complete)#" },
                    { field: "Notes"},
                    { command: ["destroy", { text: "Email", className: "MSEmail"}], title: "", width: "300px" },
                    { field: "JobTaskId", title: " ", template: "#=openMilestoneLog(JobTaskId)#" }
                ],
        toolbar: ["create", "save", "cancel"],
        sortable: true,
        editable: true,
        dataSource: {
            schema: {
                data: "d",
                model: {
                    id: "JobTaskId",
                    fields: {
                        JobTaskId: { editable: false, nullable: true },
                        JobId: { editable: false, nullable: true },
                        Name: { validation: { required: true} },
                        Notes: { validation: { required: false} },
                        Users: { editable: false },
                        DueDate: { validation: { required: true }, type: "date" },
                        Complete: { type: "boolean", editable: true }
                    }
                }
            },
            batch: true,
            transport: {
                create: {
                    url: "../WebServices/MilestonesWebservice.asmx/Create",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                read: {
                    url: "../WebServices/MilestonesWebservice.asmx/Read",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                update: {
                    url: "../WebServices/MilestonesWebservice.asmx/Update",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                destroy: {
                    url: "../WebServices/MilestonesWebservice.asmx/Delete",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                parameterMap: function (data, operation) {
                    switch (operation) {
                        case "read":
                            return JSON.stringify({ jobId: localData.currentDisplayedJobId })
                            break;
                        case "create":
                            return JSON.stringify({ jobTasks: data.models, jobId: localData.currentDisplayedJobId, userids: pageValues.usersOnNewMilestone, fullName: globalValues.fullName })
                            break;
                        case "destroy":
                            //return JSON.stringify({ jobId: localData.currentDisplayedJobId, JobTaskID: data.models[data.models.length - 1].JobTaskId, fullName: globalValues.fullName })
                            return JSON.stringify({ JobTasks: data.models, jobId: localData.currentDisplayedJobId, fullName: globalValues.fullName })
                            JobTasks
                            break;
                        case "update":
                            return JSON.stringify({ jobTasks: data.models, fullName: globalValues.fullName })
                            break;
                    }
                }


            }
Jeremy
Top achievements
Rank 1
 asked on 28 Jun 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?