I just upgraded to the latest version today.
kendoScheduler doesn't fire change event when in "Year" view.
This is really easy to duplicate. Select Year and it doesn't fire.
<!DOCTYPE html>
<html><head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.3.1109/styles/kendo.default-v2.min.css"/>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.3.1109/js/kendo.all.min.js"></script>
</head>
<body>
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
views: [ "day", "month", "year" ],
selectable:true,
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
],
change: function(e) {
var start = e.start;
var end = e.end;
/* The result can be observed in the DevTools(F12) console of the browser. */
console.log(kendo.format("Selection between {0:g} and {1:g}", start, end));
}
});
</script>
</body>
</html>
Optionally allow for the disabling of Daylight Savings time detection when using the DateTime picker, or to set the TimeZone for the picker manually.
Bug report
If the Editor ColorPickers are defined as gradient instead of palette, it does not render buttons and input.
Regression introduced with 2021.1.224
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/eSuFUVIK/5
- Open one of the ColorPickers
Current behavior
No input and buttons are rendered.
Expected/desired behavior
There should be input and buttons.
Environment
- Kendo UI version: 2022.3.1109
- Browser: [all]
Bug report
If the DropDownTree is configured without checkboxes (single selection), the X button shouldn't be present.
Reproduction of the problem
- Open this demo - https://demos.telerik.com/kendo-ui/dropdowntree/index
- Select an item from the DropDownTree
Current behavior
The clear button appears
Expected/desired behavior
The clear button shouldn't be present.
Environment
- Kendo UI version: 2022.3.1109
- Browser: [all]
Bug report
Reproduction of the problem
- Navigate to the Get the Licensing File section.
- Login with an existing account.
- Click on the
kendo-ui-license.jsbutton.
Current behavior
Clicking on the kendo-ui-license.js button attempts to download multiple files of the same type:
Expected/desired behavior
Clicking on the kendo-ui-license.js button should not attempt to download multiple files of the same type at once
Environment
- Kendo UI version: 2022.3.1109
- Browser: [all]
Bug report
Editing a recurrent event in the Scheduler with End options set to Never triggers validation on the DatePicker.
This is a regression introduced with R1 of 2022
Reproduction of the problem
- Run this dojo.
- Create a recurring event, for example weekly, each Monday, starting on 6/3/2013, and set End to
Never. - Save event.
- Edit the series.
- Change the start and end date to 6/4/2013.
Current behavior
Validation error is displayed.
screencast
Expected/desired behavior
Validation error should not be present in this scenario.
Environment
- Kendo UI version: 2022.3.1109
- Browser: [all]
https://demos.telerik.com/kendo-ui/grid/editing-inline
Inspect the first row and the tr element has role=row and aria-rowindex attributes.
Edit the row and then press the Cancel button and then reinspect and the attributes are now missing.
The scheduler is either editable or not. And deletion events are either allowed or not. This isn't a black and white thing. Consider employees at a store. They can see each other's events for scheduling but they are only allowed to modify their own events. So I want editing and deleting enabled but conditionally.
In my case I hook into the databound event and I add a class "nodelete" on events that cannot be deleted. Then I have CSS that hides the "X" button on hover and I block the edit window from appearing.
However, the keyboard still prompts for a deletion. I think there should be some function for whether an event is editable. That, or an event should fire before the deletion prompt so I can stop it from occurring.
Here's a hacky work around. I don't like accessing properties starting with underbar as they are considered private and subject to change but I don't see a better way.
This one is a bit complex:
- Run sample at https://dojo.telerik.com/@GaloisGirl/IPAMIHik
- Enter folder "Documents"
- Delete "ExcelDocument.xslx" - the operation should fail and the file will come back.
- Delete "Text.txt" - no request is sent, the file does not come back
Any "delete" operation can be replaced by a "rename" operation, and the result is the same.
The problem does not happen at root level. I don't know if it's because it's the root levels, or because the elements are directories.
I have a Kendo Notification component on my page. When the page loads, it is possible a notification needs to show immediately. This fails because the Notification component is not ready yet. Even putting this message show inside a document.ready() call does not work. There’s no rendered event on this component to know when Kendo has it added to the DOM and it is accessible. So I ended up creating an array of messages to show. And running a setInterval block on page load until it is ready to go. Then clearing the interval and message array. It’s a work around but it is hacky and it would be better if I could subscribe to an event that tells me when the notification component can be used.
Incorporate page breaks into the Gantt PDF Export and include option to repeat column headers on each page.
Hi Team,
I would like to request a ruler for the Kendo UI Editor where it could be used to align any text.
Thank you!
I have a number of DataSource items in the event editor template. They are small JSON objects and it would be dumb to read them from the server each time. They do not change and are part of the page load. You can see here I am just serializing them into the page itself:
This works 9 out of 10 times. But sometimes the dataset is empty. Which is crazy because I am always filling it. I managed to find a work around on the event edit event that gets called but this seems strange to do. Not sure if there is a true bug here or not. Feels like it because this code should not have been needed:
This one is reproducible on the demo site today and that’s where this screenshot is from. Begin to create a new event. Set to recurring Monthly. Note that below “Never” is checked and the “10/11/2020” box is disabled. Now go and change your start date to any other date above. This box enables itself. It should not do this because the ending date option is not actually selected.
I fixed this in JavaScript by hooking into some events rather than modifying the Kendo.all.js file.
Please note the following MVC code:
Bug 1: The Window should have the top set by the Top() method. It does not.
Bug 2: The Window should have the top set by the HtmlAttributes() method. That does not work either.
Bug 3: The scrollable method also does nothing to the window. So this entire line seems to be omitted.
Bug 4: The window is supposed to be centered by the Kendo native code. It isn’t. The recurring editor div element is not shown until after the window centers. So the window generates, centers on the screen, then the recurring DIV is shown which expands the window downwards, then the window is shown. This makes it go off the bottom of the screen. I didn’t need vertical center anyways so I fixed this by setting the top to 40px. Which is when I ran into the above issues. However if I was not doing this, the center() issue would still be there. I fixed this in JavaScript on the event’s edit event.
I have an event template. Inside this template I am using a MultiSelect. It is defined like: <select data-down-Arrow="true"… . The downArrow property does not work. I discovered via debugging the kendo.all.js file the problem. Fortunately this one is fixable outside that file:
I have some client events for creating/updating events.
They are currently the same and call the same method:
Due to JSON serialization, I end up with dates being serialized as ticks when sent to the client. This function converts these ticks to a proper JavaScript Date() object. The code works perfectly fine.
We run into an error on random occasions. This happens maybe once a day per user. It is not repeatable but it was fixable. This code is from the Kendo.all.js file. The highlighted lines were added:
99% of the time things work fine. But sometimes this convertData() method is called before the client methods are called. Perhaps a threading or AJAX or promise issue? Perhaps there is one scenario where the client method is not being called? The real bug here is that convertData() can sometimes get called before the client’s event where I would have corrected by dates. This is another case where it is tough to upgrade Kendo versions because I need to port this as minified JavaScript to the custom downloaded minified file.
Here is the text from the browser’s F12 window when we hit this error (If I have not applied the fix above):
kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1 Uncaught TypeError: f.start.getTimezoneOffset is not a function
at ai (kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1:1182628)
at init.data (kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1:1182352)
at init._readData (kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1:96753)
at init._push (kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1:90345)
at init._pushUpdate (kendo?v=Brdc2jM0hzOFDq3Kj04CDAYP5xcGXPDm3x-vN4slHho1:1:90237)
at init.e (jquery?v=9zl6bqYAmbr9FSUZX0T1VSNbWQ5Gc01X9-RaVvSk-7A1:1:95021)
at init.a (signalr?v=4OffKgJP3BKl-a0HMCu8SoFYj-iqmWy-1sbyLwYhtvk1:1:36810)
at init.dispatch (jquery?v=9zl6bqYAmbr9FSUZX0T1VSNbWQ5Gc01X9-RaVvSk-7A1:1:55579)
at y.handle (jquery?v=9zl6bqYAmbr9FSUZX0T1VSNbWQ5Gc01X9-RaVvSk-7A1:1:53581)
at Object.trigger (jquery?v=9zl6bqYAmbr9FSUZX0T1VSNbWQ5Gc01X9-RaVvSk-7A1:1:78599)
In my application, when a user changes their view date on the scheduler, there are two other schedulers on the other two tabs of the tab strip that are not visible. The dates here get changed too. This happens in a navigate event. They end up in a broken state from this. It seems the issue is that they are not visible so rendering is not happening. I found a hacky way to work around this. I am adding a newDate property and a needRefresh property to the scheduler. When a tab is activated, the scheduler in that tab is checked. If it needs a refresh, it is refreshed. If it has a new date, that is also set.
The schedulers are sitting inside a tab strip control. When the page loads, some computations are done by Kendo for setting up column widths. I feel there is a scrollbar issue somewhere. As it is a larger screenshot, please look at the attached Scrollbar size computation issue.png file. Start with the “All day” events. Notice the first event on Monday crosses the line into Tuesday just a little bit. This is highlighted and indicated with a “2” on it. Now look at the events for the week – numbers 3, 4, and 5. The events span into the next column a little more each time. They WOULD be correct if there was no scrollbar on the right! Now look at the events below with a time. “1” has the correct left offset from Monday’s left side. As you go to 2, 3, 4, and 5, this offset grows. It’s the same issue.
Now look down at “6”. Notice the scheduler has no footer and is drawing far too low.
The problem is that the tabstrip content is allowing scrolling. I can see this in the F12 window. Notice the scheduler does not have the scrollbar:
But the tab strip content DOES have a scrollbar:
Please note that I am specifically blocking the tab strip from scrolling in my code. The scheduler should handle the scroll.
So, I added the following CSS which fixes this issue for me:
See the Scrollbar size computation fixed.png file for the end result. The scheduler is scrolling now instead of the tab strip.