
I have a Grid that has two Date field columns. I've implemented filters for both columns as shown below. I'd like to assign an ID to the 4 datepickers that are created to be able to reference them later.
field: "issuedDate", title: "Issued Date", template: '#= kendo.toString(new Date(issuedDate), "MM/dd/yyyy HH:mm" ) #', width: "140px", filterable: { ui: "datepicker", //extra: true, operators: { date: { gte: "From", lte: "To", } }, messages: { "info": "Issued Date From -> To " }, }field: "receivedDate", title: "Received Date", template: '#= kendo.toString(new Date(receivedDate), "MM/dd/yyyy HH:mm" ) #', width: "140px", filterable: { ui: "datepicker", operators: { date: { gte: "From", lte: "To", } }, messages: { "info": "Received Date From -> To " }, }
A kendo treeview is looking rather off, as per the attached file.
I'm not sure how to resolve it exactly as I haven't made any changes to markup or styles.
Though, I feel some styles might be overriding the ones that the treeview uses.
In a bower.json file is the following entry in "dependencies":
"kendo-ui": "https://bower.telerik.com/bower-kendo-ui.git#2017.2.907"
The latest 2020 version was trialled, but there were issues with icons. We are running some old stuff. But since recently, the treeview was completely fine.
Does anyone have any suggestions as to what I should look for to see if I can get the styles to work properly?

Hello everyone,
I have an interesting dilemma.
I have a database column that contains HTML. I have encoded set to false and it appears as it should on the grid.
The issue is I have a filter on the row set to contains and whenever you type in the filter box it is displaying the html instead of the text within the html. Ex: <h1>Test</h1> instead of just Test
I understand why this is happening but I was wondering if anyone had a way to "encoded: false" on the filter dropdown "results" so that the filtered suggestions would only contain text and not the HTML tags

I have the following problem:
I have a kendoUI grid and I execute the following steps:
1. I add a row to the grid.
2. I click "Edit"
3. I click "Cancel"
The row disappears.
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ command: ["destroy", "edit"]}
],
dataSource: {
schema: {
model: { id: "id" },
fields: {
id: {type: "number"},
name: { type: "string", editable : true},
}
},
},
editable: {
mode: "inline"
},
toolbar:[ "create"],
});
</script>


Hello, I have a requirement to change categoryAxis labels positions as per the negative and positive value so that they don't overlap with the bars. Like the one in below image. I tried the label rotation property, but it gets applied to all the bars irrespective of it's value. Is there any workaround to achieve this?

Hi,
When I'm customizing the kendo tooltip with a custom class, setting the custom class to be added in the show event, the position of the toolbar is not correctly loaded when I'm setting a padding in this class. This happens only the first time showing the toolbar.
Is this an known bug that I should know about? Is there a fix or workaround for this?
I'm using kendo-ui": "^2019.1.2"
script:show: (e) => {e.sender.popup.element.addClass("myclass");},sass:
.myclass {
padding: 10px;
}