I have downloaded the newest version of kendo ui 2024.2.514 and downloaded the @progress/kendo-svg-icons seperately. I am having an issue with getting the icon to render properly I tried importing using "import * as svgIcons from './@progress/kendo-svg-icons/dist/index.js';" fixed the error of forbidden access. I believe the issue is when related to the import of svgIcons.
If someone could point me in the right direction that would be great.
I have a Kendo UI jQuery grid (2022.2.802) that may have hundreds of rows. Two columns in each row need to be editable dropdownlists. After the user has finished making all of their edits, they will click a button on the page to submit their changes. I don't want an API call every time a user changes something. I want them to actively click a submit button. The data source is a local JavaScript array of objects. I tried just using the template to create the dropdown lists, but due to the number of rows, this slows down the page load too much. I also don't want them to have to click in the cell twice to open the dropdown list. I would prefer that they just click in the cell and it immediately opens the dropdown. How do I solve these issues?
Here is a Dojo with my attempt but it isn't quite working:
https://dojo.telerik.com/@dojolee/EJUBijuN
Hi,
I created a heatmap with custom color combination like the code below. My question is, how can I translate it as legend? Thank you.
function createChart() {For the KendoForm jQuery control, how do I control the forms method and action attributes.
Does the form default to sending the e.model ?
I don't see any attributes to change the method [get or post,] nor the action url.
var kGrid = jGrid.kendoGrid({
dataSource: {
transport: {
read: {
url: Main.rootUrl(""),
dataType: "json"
}
}
},
scrollable: false,
columns: [
{ field: "Field1", template: template1 },
{ field: "Field2", template: template2 },
{ field: "Field3", template: template3 },
],
dataBound: function (e) {
/* code */
}
}).getKendoGrid();
Inside a 'tr' of 'k-detail-row' this code is rendering table with empty 'td' of 'k-hierarchy-cell' class and 'td' of 'k-detail-cell' with above grid. How can I remove the 'td' element with k-hierarchy-cell class which is empty.
like it says, I have an application that absolutely needs the END_DATE highlighted on the YEAR view.
The start date is meaningless - we need to see only the end dates.
Got to be some way to modify the code to use the other date.
Where can I do this?
Thx
J

Hello!
I am trying to use ListView with Buttons inside a Tabstrip. I want the user to be able to select an item to view a report.
As part of this list, I want a clickable hamburger button for the user to open up a popover menu for additional settings.
This setup works for all browsers when I do not perform the "filter" function. However on Firefox (only), using this filter function on the ListView causes my Kendo buttons inside the list to suddenly not fire the onClick handlers.
$("#listView").data("kendoListView").dataSource.filter({
filters: [
{ field: "Document_Number", operator: "contains", value: "J82901" }
]
});On Chrome and Edge, the Kendo buttons work just fine even after this filter. On Firefox however, I notice that the Kendo buttons are unformatted and do not respond to the click events when logging output in the console.
To reproduce the issue, I have provided the following dojo code: Sandbox Code here
Here is a sample image of the output: I have a Tabstrip with a ListView nested within. Each ListView entry has a button attached to it via a template. On click, the button should fire the click handler and print output to the console. (And a popover in the future)
Any help to get this working on Firefox would be greatly appreciated! This is an older version of Kendo UI (Sept 2021).
Thanks.
Hi,
I am wondering why on the select event for the Spreadsheet control I am seeing the previous active cell and not the one I just clicked on? Is there any way I can get the cell I last clicked on?
The function I am calling from the select event looks like this:
function onSelect(e) {
var spreadsheet = e.sender; // Get the Spreadsheet widget
var selectedCell = spreadsheet.activeSheet().activeCell();
console.log("on select event the cell value " + selectedCell);
}
Here is a Dojo link with an example:
Calling Read From dataSource Transport: | Kendo UI Dojo (telerik.com)
Thanks,
George