Hi,
I've notice an issue with Scheduler: the height for group slot is not correct calculated and items goes down to the next group slot.
Scheduler :
- group vertical after a field
- type of scheduler: "timelineWeek" or "timelineMonth"
- items of the group have same start date and their number are bigger then 20.
kendo ui version: 2020.1.219. Same issue with 2021.1.119
----------------------------------------------------------------------------------------------------------------------
I've created a dojo as example: https://dojo.telerik.com/EHeNigIQ . Also, you can see the issue into the picture bellow.
You can modify the variable "rows = 30;" and you will see more items that goes wrong into the other group slot.
Hi Neli, I have an even bigger problem. Could you tell me how to configure the "enter" to be a "<br>" and not a "<p>". I am having a lot of problems. In the editor I press enter but since a <p> is inserted, my report shows it all together, without line breaks. I need an urgent answer please.
Attached images of the insertion problem of <p>
Thanks
This is somewhat related to the existing request for this feature with Tooltips, but applies more generally to any widgets with popup behavior, such as DropDownList and AutoComplete. Auto-closing these widgets upon scrolling is an extremely annoying behavior, and I've even had end users comment on it in demos. The currently suggested workaround is hacky, particularly difficult to implement with AngularJS, and as far as I know, only works with DropDownList and AutoComplete. This behavior needs first-class support as a configurable option. This could be done a couple of ways.
1. Make it a configuration option.
$("#products").kendoAutoComplete({ closeOnScroll: false });2. Or, just add the browser-level event name to Kendo UI's event object in the various widget event handler functions, such as close.
close: function (e) {
// won't work because "e" doesn't have a "type" property like normal JavaScript event objects do
if (e.type === "wheel") {
e.preventDefault();
}
}
I would actually prefer the second option, as it would open up a bunch of options for developers in those event handlers, including addressing this particular auto-closing issue.
Hi guys,
I'm using the following dojo: https://dojo.telerik.com/UXUSUvEC
Here are the steps to reproduce:
1. Add the following to the HTML view of the editor: <span>Testing</span>
2. Switch back to the WYSIWYG mode
3. Hit enter twice to add two new line
4. Enter some text (e.g. "Text from WYSIWYG view")
5. Hit enter to add a new line
6. Switch back to HTML view
7. Notice how it keeps replicating the spans
HTML view will show the following
<p><span>Test</span></p>
<p><span> </span></p>
<p><span>Test from WYSIWYG view</span></p>
<p><span> </span></p>
I've discussed this with Yanko Dzhemerenov before submitting.
Hi,
We are using kendo (version 2020.2.617) from typescript. The current of the culture() function definition in kendo.all.d.ts looks like this:
declare namespace kendo {
function culture(): {
name: string;
calendar: {
AM: string[];
PM: string[];
"/": string;
":": string;
days: {
names: string[];
namesAbbr: string[];
namesShort: string[];
};
months: {
names: string[];
namesAbbr: string[];
};
patterns: {
D: string;
F: string;
G: string;
M: string;
T: string;
Y: string;
d: string;
g: string;
m: string;
s: string;
t: string;
u: string;
y: string;
};
firstDay: number;
twoDigitYearMax: number;
};
calendars: {
standard: {
AM: string[];
PM: string[];
"/": string;
":": string;
days: {
names: string[];
namesAbbr: string[];
namesShort: string[];
};
months: {
names: string[];
namesAbbr: string[];
};
patterns: {
D: string;
F: string;
G: string;
M: string;
T: string;
Y: string;
d: string;
g: string;
m: string;
s: string;
t: string;
u: string;
y: string;
};
firstDay: string;
twoDigitYearMax: number;
};
};
numberFormat: {
currency: {
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
symbol: string;
};
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
percent: {
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
symbol: string;
};
};
};
It would be desirable if this was declared as an interface so client code could use the interface type and assign the culture to a typed variable, eg:
let currentCulture: IKendoCulture = kendo.culture( );
Thanks and regards,
Lou
Hi,
- It would be desirable if the properties described by “,” and “.” were renamed so as to be typescript compatible so that if access to them was required, it could be done via eg:
myCulture.numberFormat.groupThousandsSeparator
And not
myCulture.numberFormat[ “,” ]
Refer to the properties as shown here in the kendo.all.d.ts file:
declare namespace kendo {
function culture(): {
name: string;
calendar: {
AM: string[];
PM: string[];
"/": string;
":": string;
days: {
names: string[];
namesAbbr: string[];
namesShort: string[];
};
months: {
names: string[];
namesAbbr: string[];
};
patterns: {
D: string;
F: string;
G: string;
M: string;
T: string;
Y: string;
d: string;
g: string;
m: string;
s: string;
t: string;
u: string;
y: string;
};
firstDay: number;
twoDigitYearMax: number;
};
calendars: {
standard: {
AM: string[];
PM: string[];
"/": string;
":": string;
days: {
names: string[];
namesAbbr: string[];
namesShort: string[];
};
months: {
names: string[];
namesAbbr: string[];
};
patterns: {
D: string;
F: string;
G: string;
M: string;
T: string;
Y: string;
d: string;
g: string;
m: string;
s: string;
t: string;
u: string;
y: string;
};
firstDay: string;
twoDigitYearMax: number;
};
};
numberFormat: {
currency: {
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
symbol: string;
};
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
percent: {
decimals: number;
",": string;
".": string;
groupSize: number[];
pattern: string[];
symbol: string;
};
};
};
Hello ,
I've been struggling to fix a problem , but it seems it's a bug from Kendo
the scenario is , when I had two events for same resources (I made a vertical grouping for ressources) then I moved on of the events to another slot it moved but the slots misaligned and the same thing when I remove an event
I will include a screenShot to see that
On one hand, kidoju.mobile has not progressed in several years.
On the other hand, some "mobile" controls like Bottom Navigation and Floating Action have entered the realm of kendo.ui, and an Action Sheet is in the roadmap.
Some of us still develop/maintain hybrid apps. It has become necessary to (i) clarify the roadmap and (ii) get some new best practices (doc and samples) for developing hybrid apps with Kendo UI (kinetic scrolling via mobile scroller, ...).
Hi Kendo Team ,
I noticed something illogical in MajorTimeHeaderTemplate , I did console.log on date that used in template and it prints => Fri Feb 01 1980 00:00:00 GMT+0000 (UTC)
it doesnt't give the current dateTime in the MajorTimeHeader
I will include images for that
Dojo exemple => https://dojo.telerik.com/iqakAKog
Now, I am doing with the Spreadsheet. I have a problem.
When I change font to Japanese, and then I enter characters to cell.
The first character was disabled, other characters displayed normally.
It only cause with Japanese font.
Please help me about this problem
When a kendoContextMenu is applied to a combobox (html tag select) you are not able to show the select options by tapping it. The behaviour is on mobile browser only (tested iPad and Google Chrome developer tools with device toolbar enabled).
I reproduced the issue in telerik dojo, here is the code.
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/menu/context-menu">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.common-bootstrap.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.330/styles/kendo.bootstrap.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2021.1.330/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.1.330/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<select>
<option>Opzione 1</option>
<option>Opzione 2</option>
<option>Opzione 3</option>
</select>
<ul id="menu">
<li>
<img src="../content/web/toolbar/reply.png" /> Reply
</li>
</ul>
</div>
<script>
$(document).ready(function() {
setTimeout(function () {
var initMenu = function () {
menu = $("#menu").kendoContextMenu({
target: "select",
select: function(e) {
// Do something on select
}
});
};
initMenu();
}, 0);
});
</script>
</body>
</html>
https://github.com/kurkle/chartjs-chart-matrix
I am looking for the kendoui heatmap chart as found on GitHub or at the URL above.
I could just copy what they use on github, but I would prefer to get the kendo CDN all from one place.
Initial usage is just to render activity throughout the day as in github, extra is to track the onClick events as you usually want to trigger a re-query on what happened in that period of the day on that date, driving a details view elsewhere.
Al worse you could have dojo demo of how you would wire up chartjs-chart-matrix to a the Datasource(eg like https://demos.telerik.com/kendo-ui/map/geojson), with a view of how you would have created such a chart that would be good on a PWA app.
Thanks
Doug
Hello,
in the Typescript bindings, the JQuery $("...").data("kendoXXX") Methods do not include undefined in there return values.
https://docs.telerik.com/kendo-ui/intro/widget-basics/jquery-initialization#duplicate-initialization
-> in the second script section, it is also documented that it can return undefined, when there is no widget instance found.
It also returns undefined, when the selector doesn't match any element.
Please include undefined in the return values.
Open this example https://dojo.telerik.com/@lydbell/UcOFiKad.
Run and wait 1 sec.
The selected custom view is lost and the Gantt chart reverts to the weekly view.
Bug report
When the Editor is used in ExpansionPanel and an image is dragged in the Editor an error is thrown, The issue is reproducible after the ExpansionPanel is collapsed and then expanded.
Reproduction of the problem
- Open the Dojo example
- Collapse the ExpansionPanel
- Expand the ExpansionPanel
- Drag and drop an image into the inline editor
Current behavior
The image is displayed in a new tab and the following error appears: Cannot read property 'nodeType' of null
Expected/desired behavior
The image should be rendered in the Editor without errors in the console even after collapsing/expanding the ExpasnionPanel
Environment
- Kendo UI version: 2021.2.616
I am trying to upgrade to jQuery 3.5.1 and as per the documentation regarding compatible KendoUI versions I have upgraded KendoUI to v2021.1.119 (R1 2021). Now even though this version is compatible, I am getting warning messages from jQuery Migrate plugin as follows:
Wondering if this issue is known and support for the issue is on its way. Or else is it reccomended to change the minified JS files as these seems to be simple fixes.
Thanks!
Hello All,
There should be a feature where we can place radio button group in a matrix format (multiple rows with one header row). It would be very helpful in designing surveys.
Thanks
When a task contains a child task in this scenario we are we are looking for resizing the parent task individually as well as we should be able to resize the parent task along with its corresponding child tasks.
In my project, I'm trying to implement the above scenario but I could not finding anything relevant in the blog.
If the element has the child item so is there a way to resize the parent task also?
Is this feature already implemented?
Hi,
When I call grid.datasource.sync() on a datasource that has a model id defined, but this field is unmapped, I get a cryptic error. You can find a reproducer here: https://dojo.telerik.com/iLacazot
Uncaught TypeError: o is undefined
setup http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
create http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
_promise http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
Deferred jQuery
_promise http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
_send http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
sync http://127.0.0.1/a/kendo-ui/js/kendo.all.min.js:28
<anonymous> http://127.0.0.1/a/program/discount/search/:4058
On a slightly related subject; When checking the docs on the model id it seems that the example is missing from this page:
https://docs.telerik.com/kendo-ui/api/javascript/data/model/fields/id