or
1 answer
465 views
As recently as version 2022.3.1109, I could set a grid column attribute (e.g. class) to a template and easily get conditional formatting like different cell background colors depending on value:
columns: [
{ field: "OrderDate", title: "Order Date", format: "{0:MM/dd/yyyy}" },
{ field: "Freight",
attributes: {
class: "#: ClassFromFreight(data.Freight) #"
}
}
Since 2023.1.117, this no longer seems to work. Was this an intentional change? Is there another way to do this now?
Nikolay
Telerik team
answered
on
27 Mar 2023
1 answer
107 views
https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/checkboxes/ (looking to implement something like this but with Kendo UI for jQuery)
I am looking to implement a multi-select with checkboxes. I found kendo provides an option for Angular, but I am looking to see if this is provided with Kendo UI for jQuery, if so, any documentation I can look into?
I am also looking to add, a Select All checkbox which will select all options if checked, if unchecked, need to unselect all the options. Is there any built-in functionality to achieve this?
Neli
Telerik team
answered
on
24 Mar 2023
1 answer
97 views
I'm attempting to use Kendo UI to implement the Fibonacci sequence, however, I'm having speed difficulties while computing higher Fibonacci numbers. Here's an illustration of my code:
I'm using a recursive function in this code to compute the Fibonacci sequence up to the tenth number and save the results in an array. When I try to calculate greater Fibonacci numbers, however, the performance of my code suffers. For example, if I update the loop to compute the first 50 Fibonacci numbers, the code runs slowly.
I saw an article that suggested using an iterative method rather than a recursive approach. Is it going to work? Could someone please assist me?
function fibonacci(num) {
if (num <= 1) {
return 1;
}
return fibonacci(num - 1) + fibonacci(num - 2);
}
var series = [];
for (var i = 0; i < 10; i++) {
series.push(fibonacci(i));
}
console.log(series);I saw an article that suggested using an iterative method rather than a recursive approach. Is it going to work? Could someone please assist me?
Ivan Zhekov
Telerik team
answered
on
23 Mar 2023
0 answers
88 views
Hello there,
We are currently having a logic in place where we load initial grid data and then process additional data after which we refresh the grid in order to see that additional data. Is there a way to do this without grid refresh?
-Stevan
0 answers
98 views
Have just tripped over an little issue with the columns.attributes & columns.headerAttributes demos not working as expected.
To demonstrate run the following dojos based on your API demos
https://dojo.telerik.com/ojIrefaF
https://dojo.telerik.com/IGIBaViH
and you will see neither the header or cell data is being aligned to the right.
This regression seems to have been introduced with the 2022.2.802 release when the .k-text-right class went from
.k-text-right {
text-align: right!important;
}
to
.k-text-right {
text-align: right ;
}
Now there was probably a good reason to remove the '!important' property but anybody running these demos now will be confused with the output.
Looking at the latest CSS (2023.1.314) I see you now have a '!k-text-right' style for this purpose so it looks like a little tweak to you demo pages is required.
May I also suggest you add a note in the Grid API documentation about 'CSS Specificity' because I suspect nine times out of ten the '!important' property will be required to ensure it is not overridden by any Kendo CSS.
Regards
Alan
0 answers
204 views
I have just seen the demo about using kendo DatePicker. But when inspect the calendar icon under Accessibility menu I can see the Default name for the button is given as "select". I would like to change the name of button from "select" to "Pick a date". Please Guide through. I have attached image for your reference.
Following is the code snippet:
<!DOCTYPE html><html>
<head>
<meta charset="utf-8"/>
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/6.2.0/default/default-ocean-blue.css"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2023.1.314/js/kendo.all.min.js"></script>
</head>
<body>
<input id="datePicker" />
<script>
$("#datePicker").kendoDatePicker({
value: new Date(2022, 0, 3),
min: new Date(2022, 0, 1),
max: new Date(2022, 5, 30),
weekNumber: true,
format: "yyyy-MM-dd"
});
</script>
</body>
</html>
Pratik
Top achievements
Rank 1
Rank 1
updated question
on
22 Mar 2023
1 answer
97 views
Hi
i use Kendo Mobile Tabstrip It doesn't show me any results
result for me
This problem also exists in other kendo mobile controls
pls help me
thank you
Martin
Telerik team
answered
on
22 Mar 2023
2 answers
158 views
I've got a few custom popup grid editors that are grouping related fields using Bootstrap tabs.
I'm trying to find a way to switch tabs in the event of a validation error (using the built-in Kendo validation). At this moment, if a user has a particular tab open, and fails to complete a required field on a different tab, the save fails without any visual hints.
I've previoulsy found a solution when using jQuery validate (but I can't find it now) but I'd rather use Kendo's validation for simplicity.
Any suggestions?
1 answer
2.6K+ views
Previously I've been using kendo.bootstrap-v4.min.css, which is now throwing a 404 with 2023.1.314.
Documentation specifies the following which also throws a 404.
http://https://docs.telerik.com/aspnet-core/installation/adding-client-side-resources/cdn-service
<link href="https://kendo.cdn.telerik.com/2023.1.314/styles/kendo.bootstrap-main.min.css" rel="stylesheet" type="text/css" />
Regards,
Heath
Dimitar
Telerik team
answered
on
16 Mar 2023
0 answers
167 views
Here is a DOJO example that illustrates these 2 issues:
Issue 1: When using a full width template for listbox items, there is extra space above each item. This is due to the .k-list-item-text span you automatically create. It has a ::before pseudo element with content set to "\200b". Is this intentional? My workaround is to override this element CSS to remove the content.
Issue 2: When programmatically selecting items in the list box, the toolbar buttons are not enabled like when a user clicks an item. Calling trigger('change') does not help. My workaround is to trigger a click event on the item instead of using the Select() Method, but I assume this is a bug?
Here is a second DOJO with the 2 workarounds implemented:
