or
3 answers
48 views
How do you set and change the height?
$('#gauge').kendoRadialGauge({
pointer: { value: 0, },
scale: {
min: 0,
max: 100,
minorUnit: 5,
startAngle: -30,
endAngle: 210,
gaugeArea: { height: 310, },
ranges: [
{ from: 0, to: 20, color: "#bbf2df" },
{ from: 21, to: 49, color: "#ffc700" },
{ from: 50, to: 1000, color: "#fc4a4a" }
]
}
});
Still has the default height of 200px. Calling resize() after changing the css attribute also doesn't change the height.
$('#gauge').css({ height: '300px' }).data("kendoRadialGauge").resize(true);
Can you not make the gauges smaller than 200px?
Martin
Telerik team
answered
on
10 Jul 2025
1 answer
39 views
categoryaxis.labels.font and seriesDefault.labels.font string set not apply
Nikolay
Telerik team
answered
on
08 Jul 2025
1 answer
37 views
Hello,
I'm looking for a way to create a custom editor for a field in a Kendo Form.
I've created a partial view in my Shared/EditorTemplates folder. Also, I've applied the UIHint attribute with the name of the partial view on the property of my view model. But still it does not render as expected, the view does not show up on the form.
Is there any demo on how to do this. I really tried to search, but was not able to find something for this exact case.
Thanks!
Kiril
Anton Mironov
Telerik team
answered
on
08 Jul 2025
2 answers
54 views
I have a recurring event with exceptions in one timezone and am trying to display the schedule in another timezone.
The events all display correctly with corresponding daylight saving adjustments however the exceptions get lost once the event timezone transitions into (or out of) summer time.
Running following code in the dojo correctly hides the 17th of April occurrence IF the timezone is set to "Europe/London" but displays the entry when set to "Pacific/Auckland".
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/11.0.2/default/default-ocean-blue.css"/>
<style>body {font-family: Helvetica, Arial, sans-serif;font-size: 14px}</style>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2025.2.520/js/kendo.all.min.js" ></script>
</head>
<body>
<div id="scheduler"></div>
<script>
var version = kendo.version;
$.getScript( 'https://kendo.cdn.telerik.com/'+version+'/js/kendo.timezones.min.js', function( data, textStatus, jqxhr ) {
$("#scheduler").kendoScheduler({
date: new Date("2025/3/20"),
height: 600,
views: ["week"],
editable: false,
//timezone: "Europe/London",
timezone: "Pacific/Auckland",
dataSource: [
{
title: "Event Europe/London",
start: new Date("2025-03-20T14:00:00.000Z"),
end: new Date("2025-03-20T14:30:00.000Z"),
startTimezone: "Europe/London",
endTimezone: "Europe/London",
recurrenceRule: "FREQ=WEEKLY;BYDAY=TH;WKST=MO;",
recurrenceException: "20250417T130000Z"
}
]
});
});
</script>
</body>
</html>
1 answer
77 views
With the latest update of Kendo UI JQuery, we are seeing the word "filter" in the search box of the dropdown list. How do we remove that or change it to "search"?
Neli
Telerik team
answered
on
24 Jun 2025
1 answer
40 views
I have a TreeList control where the data is kept in an array in memory - the user will save manually after editing everything they need to.
One problem I'm facing is that if a new record is created, and then subsequently edited - it will disappear after either Save or Cancel.
I've removed a lot of the code for brevity - but this is a working example of what I have:
https://dojo.telerik.com/tDidtCqZ
Any idea what I'm doing wrong?
Neli
Telerik team
answered
on
23 Jun 2025
2 answers
121 views
I have a kendo grid which is having a row template specified. I have enabled 'incel' editing on it. It's displaying the dirty icon correctly when a cell is edited only when I'm not using the row template.
jsFiddle
jsFiddle
1 answer
53 views
would like to check if it is possible to change the paging size of scrollview using local datasource?
Desktop/Tablet to show 3 per page
Mobile to show 2 per page
Neli
Telerik team
answered
on
19 Jun 2025
1 answer
60 views
As the title already says, if I setup a button dialog with an action that is an async function, returning false does not prevent the dialog from closing after triggering the action. Is there any workaround for this behaviour?
Martin
Telerik team
answered
on
19 Jun 2025
1 answer
68 views
I have a kendo UI Jquery scatterplot chart with markers of type: square and rotation: 45. I'm trying to add a class based on the series to the markers so that certain ones can be styled to have a pointer when the user mouses over them. I found a few Google AI answers but they seem to be wrong. Here is what I tried where chartData is set to my series option on initialization.
Update: I added the class manually in dev tools and it still doesn't trigger the pointer to appear. This seems to be due to there being a separate marker that Kendo is creating in the DOM for the hover event which does not get the class. I need to add a cursor: pointer; style to that element
chartData.push({
name: legendSeriesName,
xField: "x",
yField: "y",
data: storeDetailScatterPlotData
.filter(d => d.seriesName === seriesName && d.accountId === storeDetailAccountId)
.map(d => ({ x: d.sales, y: d.storeAmt, storeName: d.storeName, storeId: d.storeId, accountId: d.accountId })),
zIndex: 10 - index,
color: seriesColor,
markers: {
border: seriesColor,
background: seriesColor,
type: "square",
rotation: 45,
visual: function (e) {
var series = e.series.name;
var defaultVisual = e.createVisual();
defaultVisual.options.attr("class", series);
return defaultVisual;
}
}
});
Neli
Telerik team
answered
on
18 Jun 2025
