Hello, are you planning to remove the unsafe-eval as part of the content security policy?
In this documentation is saying that this is required
https://docs.telerik.com/kendo-ui/troubleshoot/content-security-policy
We need to remove this option from our website and we can't due Kendo library. Are you going to change this requirement in some of the upcoming version?
Thanks,

var kendoWindow = $("#window").data("kendoWindow");

Hello Kendo support!
I am trying to plot a chart in which a serie ends in a desired x value and another serie starts from a desired x value. (I already tried the valueAxis min property, but this is not what I need at all).
To make the question clear, I am uploading two images that represents what I want graphically ;)
I need this quickly, since I need to deliver a feature with this behavior on the chart.
Thank you very much!
Best regards,
Nilton
Hello,
I am creating a jQuery grid dynamically like below. A user is able to add new data (columns) via an external dialog and button. When the button is clicked a new column is added to the dynamic list for the grid's data and then I send the "read" and "refresh" commands for the grid. However, the grid never displays the grid with the new column. The new column also doesn't show when physically click on the refresh icon button on the bottom of the grid.
Here's how I create my grid:
function createGrid(gridName, baseUrl) { $.ajax({ type: "POST", url: baseUrl, dataType: "json", success: function (response) { var sampleDataItem = response[0]; var model = generateModel(sampleDataItem); var dataSource = generateDataSource(baseUrl, model); var columns = generateColumns(sampleDataItem); var gridOptions = { toolbar: [ { template: kendo.template($('#toolbartemplate').html()) } ], dataSource: dataSource, dataBound: grdRRManagement_OnDataBound, columns: columns, pageable: { pageSizes: [5, 10, 20, 50, "all"], numeric: true, refresh: true }, editable: false, selectable: false } var grid = $("#" + gridName).kendoGrid(gridOptions); }, error: function (error) { console.log("Error while creating R&R Management Grid! " + JSON.stringify(error)); } });}function generateModel(sampleDataItem) { var model = {}; var fields = {}; for (var property in sampleDataItem) { if (property.indexOf("ThreatId") !== -1) { model["Id"] = property; } var propType = typeof sampleDataItem[property]; if (propType === "number") { fields[property.replace(/(\n|\r|[^a-zA-Z0-9])/g, '')] = { from: "['" + property + "']", type: "number", validation: { required: false } }; if (model.id === property) { fields[property].editable = false; fields[property].validation.required = false; } } else if (propType === "boolean") { fields[property.replace(/(\n|\r|[^a-zA-Z0-9])/g, '')] = { from: "['" + property + "']", type: "boolean" }; } else if (propType === "string") { var parsedDate = kendo.parseDate(sampleDataItem[property]); if (parsedDate) { fields[property.replace(/(\n|\r|[^a-zA-Z0-9])/g, '')] = { from: "['" + property + "']", type: "date", validation: { required: false } }; isDateField[property] = true; } else { fields[property.replace(/(\n|\r|[^a-zA-Z0-9])/g, '')] = { from: "['" + property + "']", validation: { required: false } }; } } else { fields[property.replace(/(\n|\r|[^a-zA-Z0-9])/g, '')] = { from: "['" + property + "']", validation: { required: false } }; } } model.fields = fields; return model;}function generateDataSource(baseURL, model) { var dataSource = new kendo.data.DataSource({ transport: { read: { url: baseURL, dataType: "json", contentType: "appliation/json", async: true, cache: false } }, schema: { model: model }, pageSize: 50 }); return dataSource;}
var grid = $("#RRManagement").data("kendoGrid"):
//I've tried read() and refresh()
grid.dataSource.read();
grid.refresh();
//I've also tried sync(), but I only get the spinning loading icon that never goes away.
grid.dataSource.sync();
I'm not sure what I'm doing wrong. Any help is appreciated. Thanks.
Shawn A.

Hi
We have integrated KendoUI Grid in our project and it went fine. But until recently we used it for a particularly complicated page, the performance become very slow and unacceptable when browse in IE. We tested IE8,9,11, all perform poorly. sometimes we even get the "stop script" error in IE.
Is there any suggestion? or solutions?
Here's some details:
I am trying to export my chart to PDF however the colors are all changed to black. I also have an issue exporting a map where the css filter applied to the map tiles is missing and the map markers are all black instead of orange. I am using css properties to set the colors of the markers and bar chart on the screen. I suspect that they might not be compatible with the method Kendo UI is using to convert html to kendo.drawing.drawDOM. I tried overriding this using:
.k-pdf-export {
#impactChart g g g path {
fill: green !important;
}
}
however this did not work. The chart still rendered as black.
How do I fix this?
Is there a way to debug without exporting to PDF every time so I can take advantage of Chrome's developer tools?
Is there a list of incompatible CSS properties and workarounds?
Hi ,
I'm trying to update a ASP .NET application which uses Kendo 2017.2.504 library to 2019.3.1023 by using Visual Studio's Telerik plugin for ASP .NET MVC projects.
The update was seamless. But now some of the padding/margin inside some of the controls seems to have got mis-aligned. Please have a look at the attached pictures before & after the update. I'm using Kendo CDN css & javascript files in my _Layout.chtml file
If I create a new MVC project and use the 2019.3.1023 library to create new screens, this problem is not seen. I tried to walk through the css, but it's very tough to follow. Please let me know how to investigate this problem.
Best Regards
Achilles
