I am trying to upgrade my Kendo UI Jquery installation from 2022 to 2024 and it is not going smoothly. One issue I'm having is that now my grids with locked columns do not span the whole width of their container. In the old version, the k-grid-table would expand to fill the width of the k-grid-content but now it seems that the columns retain their width, rather than growing like they used to. So now there is a large white space between the last column and the vertical scrollbar. I did notice that if I remove the inline style in the developer tools that is applied to the k-grid-table in the unlocked section, it fixes it.
Another issue I just discovered is on the multiselect. It seems that the class that used to be applied when the list was expanded is not there anymore ".k-state-border-down". I used this to target the down arrow and change it to a checkmark but now it seems there is no class to target in CSS. How would I change the arrow icon when the multiselect is expanded?
Old Version:
New Version:
How do I fix this, and is there documentation somewhere on all of the breaking changes between the two versions and how to fix them?
Hi Team
When converting a date string to a Date object using the kendo.toString method, the month name is displayed according to the Islamic calendar instead of the Gregorian calendar. This issue arises when using the Arabic culture settings.
dojo - https://dojo.telerik.com/IPadawaP
Observation - I think it considers the month incorrectly and shows the month name as per Islamic calendar.
Any help is appreciated.
hello,
When i am set any one colum "Locked : true" After All Colum "columnMenu" Have a "Set Column Position" Option.
so my quesion is can i unable other Column "columnmenu" "Set Column Position" Option.
Hi,
I am trying to define a Model for my kendoTreeList.
Normally I would define a Model like:
var Product = kendo.data.Model.define({
id: "ProductID", // Defines the field to be used as the identifier.
fields: {
// Define the fields of the model and their data types.
ProductID: { type: "number" },
ProductName: { type: "string" },
QuantityPerUnit: { type: "string" },
UnitPrice: { type: "number" },
UnitsInStock: { type: "number" },
Discontinued: { type: "boolean" }
}
});
But with the TreeList you normally have to define the Model like this with a parentId:
model: {
id: "EmployeeId",
parentId: "SupervisorId",
fields: {
SupervisorId: { field: "SuperviorId", nullable: true },// this is the parent.
EmployeeId: { field: "EmployeeId", type: "number" },
},
expanded: true
}
I don't think kendo.data.Model.define works for this type of model because it doesnt have some of the properties like parentId or expanded. Is there something I can substitute it with?
What I am trying to do is create a class of Models and I can slide the Model definition in like:
$("#reportsTreeList").kendoTreeList({
dataSource:
{
data: reports,
schema: {
model: Models.TREELISTMODEL
}
},
height: "auto",
OR:
var ds = new kendo.data.DataSource({ data: reportsList, schema: { model: Models.TREELISTMODEL }});
this approach seems to work with a kendo spreadsheet or a grid... but TreeView seems to break.
Thanks again for your help and patience!
George
Hello,
Requirement to implement 'More' button in Week view of MVC scheduler as Month view has.
I tried suggestion given in this article https://docs.telerik.com/kendo-ui/knowledge-base/implement-more-events-button-in-week-view
example is here https://dojo.telerik.com/IGOQinES.
Want to change two points,
1. The position of More button from bottom of the slot to right side of the slot shown as in below image.
2. Slot with single appointment also showing 'More' button, why?
Appreciate for the support.
Thanks,
BP
Hi,
I can see that the PivotGrid has a "Compact" display mode in the ASP.NET AJAX libraries: https://docs.telerik.com/devtools/aspnet-ajax/controls/pivotgrid/layouts/overview
Is there a "Compact" mode that renders nested rows with only a slight offset instead of creating a whole new column in the jQuery libraries, or even in ASP.NET MVC version?
Kind regards,
Ilya
When I select a particular date using the calendar provided by Kendo Scheduler (in Work Week), I can read the selected date (for eg: 25th July). But when I again click on the calendar it does not highlight last selected date (i.e 25th July). Can't find any API to highlight the last selected date.
Pls help!!
Hello,
when one column of a Grid is configured with enabled "stickable" or "lockable", a "Set Column Position" column menu item appears for all columns.
Is this behavior intentional?
If columns are neither "stickable" nor "lockable", I would like to remove the "Set Column Position" column menu item for those columns. Could you please show me how to achieve the behavior I want?
Thanks and Greetings
Stefan
Hi Team,
I am using kendo jQuery grid, and I would like to have a combination of filters on the column.
I would like to have both
1. a section showing multiselect checkbox column filters - (as shown here - https://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes )
2. another section to allow user to search column data using operator (as shown here https://demos.telerik.com/kendo-ui/grid/filter-menu-customization )
I am able to use only 1 at a time and not both.
here is the dojo that i am trying to build - https://dojo.telerik.com/IrExUMoj
sort of something like this but in a collapsible panel or in different tabs -
Please suggest.