Hi,
I need help creating a radar area chart
I can't seems make the chart looks the same as the expected design
I was testing the UTC "u" date format and noticed it does not adjust the date/time correctly. The "u" only adds the "Z" indicator and does not shift the time. I opened the date formatting example in kendo Dojo and noticed the issue.
const d = kendo.parseDate("2024-12-04T16:30:45Z");
console.log("Source = " + d); // Wed Dec 04 2024 10:30:45 GMT-0600 (Central Standard Time)
console.log("Format 'u' = " + kendo.toString(d, "u")); // 2024-12-04 10:30:45Z
console.log("toISOString = " + d.toISOString()); // 2024-12-04T16:30:45.000Z
Notice that "u" prints the time as 10:30 instead of 16:30 as in "toISOString".
Reference documentation: https://docs.telerik.com/kendo-ui/globalization/intl/dateformatting
Here is my modified version of the date formatting example. Compare the output of "u" to "toISOString": https://dojo.telerik.com/gPLZTAIt/2
Hi
I am not able to find a sample of how to configure the click event in
the datagrid part of the FileManager.
Can you plaese guide me how to add a function to an item?
$("#filemanager").kendoFileManager({ contextMenu: { items: [ { name: 'Delete', text: 'Delete', // click event } ] },
Hi,
my application uses the multiview-calendar with e.g. 5 views (months)
It allows more than that to scroll through, so the min-max enables a whole Year or so.
I would like to be able to scroll the calendar to a specific day, without setting min- and max, (this removes the dates outside from selectable) and without selecting that day (keep any recent selection of the user, at least at long as it is in the min-max range)
Do we have a way to achieve this?
Thank you,
Best regards
Stephan
$("#scheduler").kendoScheduler({
date: new Date("2022/6/13"),
timezone: "Etc/UTC", // Setting the timezone is recommended when binding to a remote service.
dataSource: {
batch: true, // Enable the batch updates.
transport: {
read: {
url: "https://demos.telerik.com/kendo-ui/service/tasks",
dataType: "jsonp"
},
update: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/update",
dataType: "jsonp"
},
create: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/create",
dataType: "jsonp"
},
destroy: {
url: "https://demos.telerik.com/kendo-ui/service/tasks/destroy",
dataType: "jsonp"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
Hi,
Maybe this is a misunderstanding on my part. I am trying to create a demo project using the kendoChart, specifically a line chart with points.
I would like to be able to drag the points and thus change the values, buuut it seems like I get an error when I try to do drag a point up or down:
But when I try to drag the points on line I get this error:
And the value doesn't change either.
Here is a kendo dojo example:
Drag Line Chart Example | Kendo UI Dojo
I eventually want to create a line chart that is bound to a dataSource and shares this with a grid and I can see the changes made by manipulating the graph points in the cells of the grid. Am I going in the right direction?
Thanks!
George
I have a similar question to one which was posted on the WPF forum. When using Step to de-clutter the Category Axis is there a way to always display the last label in jQuery?
As you can see my actual dropdownlist input "Water" that is selected is 11px font size, How can i set the same size for popup values as well as it gets added to dom on runtime.
let uploadedFiles = new kendo.data.ObservableArray([]);
$("#fileInput").kendoUpload({
async: {
autoUpload: false
},
validation: {
allowedExtensions: [".jpg", ".jpeg", ".png", ".xlsx"]
},
multiple: true,
batch: true,
showFileList: true,
select: onSelect,
remove: onRemove
});
function onSelect(e) {
const files = e.files;
const previewContainer = $("#imagePreviewContainer");
// Loop through selected files and add them to the uploadedFiles array
files.forEach(file => {
uploadedFiles.push(file);
};
i am using this but when i selected multiple files like images then all selected files are come into bulk in one array i want that in seperately one by one
<TelerikTileLayout Columns="3"
ColumnWidth="285px"
RowHeight="285px"
Reorderable="true"
Resizable="true"
ColumnSpacing="0px"
RowSpacing="0px">
<TileLayoutItems>
<TileLayoutItem @ref="reference">
<HeaderTemplate>
@* <button @onclick="OnCloseButtonClicked"></button> *@
<span>sometext</span>
</HeaderTemplate>
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/barcelona.jpg" alt="Barcelona" />
</Content>
</TileLayoutItem>
<TileLayoutItem HeaderText="Sofia">
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/sofia.jpg" alt="Sofia" />
</Content>
</TileLayoutItem>
<TileLayoutItem HeaderText="Rome">
<Content>
<img class="k-card-image" draggable="false" src="images/cards/places/rome.jpg" alt="Rome" />
</Content>
</TileLayoutItem>
</TileLayoutItems>
</TelerikTileLayout>