HI 
     I have an issue in kendo combobox I added a tooltip in kendo combobox dropdown list, the issue is when I click the tooltip in the combobox the dropdown was automatically closed. I want the when the tooltip dialog opens then the corresponding combobox dropdown list should not close. I am stuck in this issue help me out.
I used both the e.Preventdefault and e.stoppropagating but its not working. The following code that I used for the tooltip click event and I attached the screenshot of my issue.

comboBox.list.find('.info-MultiComboBox', '.cogInfo', 'cog-widget').click(function (e) {
// For some reason, this click event causes the dropdown to close. Calling preventDefault() stops this behavior.
e.preventDefault();
});

I have a Kendo spreadsheet widget inside a Kendo window widget. On my screen I have 2 Kendo windows. There is a button to toggle between both windows being 50% height and 100% width, and 100% height and 50% width. I use a custom function here to size and align the windows.

The way I actually change the position is below:

myWindow.wrapper.css({
top: top,
left: left,
width: width,
height: height
});

However, when I do this, my spreadsheet components inside the windows are not resized. The spreadsheet div with the scrollbar is resized, but not the actual div which holds the spreadsheet cells (image attached).

Thanks!

Hi, I have a custom function which opens 4 Kendo windows, inside a loop, one at a time. Each window has a Kendo spreadsheet component inside it already, populated with data. This crashes the browser and gives the following error:

angular.js:21778 RangeError: Maximum call stack size exceeded
    at s (kendo.all.js:103803)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103805)
    at s (kendo.all.js:103805)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103810)
    at s (kendo.all.js:103810)

Any ideas?

I have read all the Threads having this type of discussion based on that I gave Model Id as well. Aslo tried function for Edit and Delete URLs. but no luck.

This code was working earlier after that I added two more grid (which is commented right now) after that all Edit/Delete started coming as operation = create.

Here is the code.

<script>
$m = jQuery.noConflict();
</script>

$m("#siteInspectiongrid").kendoGrid({
dataSource: {
error: function (e) {
var msg = e.xhr.responseText;
var String = msg.substring(msg.lastIndexOf(":") + 1, msg.lastIndexOf(";"));
document.getElementById('errorMessage').innerText = String + "!!";
},
transport: {
read: {
url: crudServiceBaseUrl + "/SiteInspectionInfo?userGroup=" + userGroupConfiguration,
dataType: "json"
},
update: {
url: crudServiceBaseUrl + "/SiteInspectionInfo/Update?userGroup=" + userGroupConfiguration,
dataType: "json",
type: "PUT",
contentType: "application/json",
charset: "utf-8"
},
create: {
url: crudServiceBaseUrl + "/SiteInspectionInfo/Create?userGroup=" + userGroupConfiguration,
dataType: "json",
type: "POST",
contentType: "application/json",
charset: "utf-8"
},
destroy: {
url: crudServiceBaseUrl + "/SiteInspectionInfo/Delete?userGroup=" + userGroupConfiguration,
dataType: "json",
type: "DELETE",
contentType: "application/json",
charset: "utf-8"
},
parameterMap: function (options, operation) {
debugger;
if (operation !== "read" && operation !== "create" && options.models) {
return JSON.stringify({
'ReaderGroupID': options.models[0].ReaderGroupID,
'InspectionPercentage': options.models[0].InspectionPercentage,
'modifiedDate': options.models[0].modifiedDate,
'modifiedBy': options.models[0].modifiedBy,
'Active': options.models[0].Active,
'StaffType': options.models[0].StaffType,
'StaffTypeID': options.models[0].StaffTypeID
});
}
if (operation == "create" && options.models) {
return JSON.stringify({
'ReaderGroupID': options.models[0].readerGroupId.ReaderGroupID,
'InspectionPercentage': options.models[0].InspectionPercentage,
'createDate': options.models[0].createDate,
'createdBy': aliasName,
'modifiedDate': options.models[0].modifiedDate,
'modifiedBy': aliasName,
'StaffType': options.models[0].StaffId.StaffId,
'Active': options.models[0].Active
});
}
}
},
batch: true,
pageSize: 5,
schema: {
model: {
id: "Id",
fields: {
SiteCode: { editable: false, nullable: false },
SiteName: { editable: true, nullable: false },
ReaderGroup: { editable: true, nullable: false },
DoorRelay:{editable: true , nullable:false},
StaffType: { editable: true, nullable: false },
InspectionPercentage: { editable: true, nullable: true },
createdBy: { editable: false, nullable: true },
createDate: { editable: false, nullable: true },
modifiedBy: { editable: false, nullable: true },
modifiedDate: { editable: false, nullable: true },
Active: { editable: true, type: "boolean", defaultValue: true }
}
}
}
},
sortable: {
mode: "single",
allowUnsort: false
},
selectable: "multiple row",
pageable: {
buttonCount: 5
},
scrollable: false,
navigatable: true,
toolbar: [{ name: "create"
}],
edit: function (e) {
//======================================================
// Code to look for `hideMe` attribute on a column.
//======================================================
e.sender.columns.forEach(function (element, index /*, array */) {
if (element.hideMe) {
e.container.find(".k-edit-label:eq(" + index + "), "
+ ".k-edit-field:eq( " + index + ")"
).hide();
}
});
//======================================================
// End column hiding code
//======================================================
},
columns: [
{
field: "SiteCode",
title: "SiteCode",
hidden: true
},
{
field: "SiteName",
title: "SiteName"//,
// editor: siteDropDownEditor
},
{
field: "ReaderGroup",
title: "ReaderGroup"//,
//editor: readerGroupDropDownEditor//,
// template: '<a href="\\#" onclick="ReaderGroupDetails(#=ReaderGroupID# )">#=ReaderGroup#</a>'
},
{
field: "ReaderGroupID",
title: "ReaderGroupID",
hidden: true
},
{
field: "DoorRelay",
title: "DoorRelay",
hidden: true
},
{
field: "SearchRelay",
title: "SearchRelay",
hidden: true
},
{
field: "StaffType",
title: "StaffType"//,
// editor: staffDropDownEditor
}
,
{
field: "StaffTypeID",
title: "StaffTypeID",
hidden: true
}
,
{
field: "InspectionPercentage",
title: "Random %"
},
{
field: "createdBy",
title: "CreatedBy",
hideMe: true
}
,
{
field: "createDate",
title: "CreateDate",
hideMe: true
}
,
{
field: "modifiedBy",
title: "ModifiedBy",
hideMe: true
},
{
field: "modifiedDate",
title: "ModifiedDate",
hideMe: true
}
,
{ field: "Active", title: "Activated",
template: "<input type=\"checkbox\" #= Active ? checked='checked' : '' # class=\"check_row\"/>"
}
,
{ command: ["edit", "destroy"], title: "", width: 250 }
],
editable: {
mode: "inline"//,
// template: kendo.template($("#popup_editor").html())
}
});

I'm populated the grid with a long running process.

I have this loop, it takes about 10 seconds to get 5 results, but let's say there are 20 results.

How do I add the 5 results to the grid and keep appending to it as the results come in?

I'm using asp.net mvc to get the data.

I saw someone ask this a while back, but was just wondering if this feature has been added or anything.

Thanks!

ButtonGroup is a part of Mobile Ui but on mobile it is not being responsive.

Attaching screenshot. In a have portrait layout 2 and more button in group damage the whole look of app

Is any workaround in that?

I have been trying to create menu items that contain text for the menu item plus text for the shortcut key for that item. 

what I would like is for the menuText to be left aligned and the shortcutText to be right aligned. Is that at all possible to achieve?

 mnuObj = { text: '<span id=' + menuId + ' data-id=' + dataId + '>' + menuText + shortcutText + '</span>', encoded: false, imageUrl: imgFolderPath + menuImage };

What I am doing at the moment is prefixing a variable number of '&nbsp;'s  to the shortcutText based on the number of characters in menuText but the result is not very good.

Thanks

Jim

Hi!

In my web application I want to auto-detect which formats (number, date) and language to use.

This is what Chrome, Firefox and IE/Edge (default settings) send to the server:

Chrome:  Accept-Language: de-DE,de;q=0.8,en-US;q=0.6,en;q=0.4
Firefox: Accept-Language: de,en-US;q=0.7,en;q=0.3
IE/Edge: Accept-Language: de-AT

If the browser sends language information in the form of "xx-XX" (e.g. de-AT, de-DE, en-US), then it's easy to implement because there is a "kendo.culture.xx-XX.min.js" AND a "kendo.messages.xx-XX.min.js" file, and I have defined a default fallback (e.g. en-US) if "xx-XX" is not yet supported by Kendo.

However, if I only get "xx" (e.g. de, en) from the browser, then there is a "kendo.culture.xx.min.js" BUT NO "kendo.messages.xx.min.js" file, and I don't know how to handle these cases without introducing some kind of lookup table (e.g. to use de-DE, when Browser only says de).

Is there a reason, why there are no general de, en etc. messages files? What would be best practice to implement automatic browser format/language detection?

Best regards,

Kaan

Hi!

I was wondering if maybe the number group separator is wrong for de-AT (Austrian German).

In the "kendo.culture-de-AT.min.js" file the number group separator is defined as " " (blank space), but in Windows I am used to have the same character as in de-DE (German German), which is a "." (period).

I am not sure what the "real" standard is, but I have attached a screenshot of the Windows settings dialog for default date/number formats.

Best regards,

Kaan