Hi Team,
I am new to KendoUI with AngularJS. I have been assigned to create a POC to implement AutoComplete Textbox with Hierarchical data. I am stuck. Could some one share me any link of sample project for me to start.
autocomplete with flat text is simple but the requirement is to have Hierarchical text.
Appreciate your help.
Thank you.
hello,
We are having some issues with tool tip positioning on our charts. Our charts have lot of tool tips and also have need to double click and drill down. Sometimes what is happening is due to the position of tool tips we are not able to double click on the chart objects (lines, bars, etc). Is there a way to position tool tips above chart objects
Please see attached document for the problem we are facing. Please help resolve this as its a major show stopper for us.
Thanks
There is a way to display the dataSource as rows and not columns?
My dataSource has only one record with 30 properties. I would like to display the properties as rows (property1 => row1, property2 => row2, ...) instead of columns (property1 => column1, property2 => column2, ....).
In fact, I would like to retrieve 3 records (each one with 30 properties), but the 3 records would be the colums and the common 30 properties would be the rows.
How can I do that?
1. Currently, the grid shows a confirmation alert when you want to delete a row. Is there a way to get this alert on creation and on update as well?
2. Is there a way to disable the "Ignore future alerts from this page" option (a checkbox when the alert appears)? I don't want users to check it and thus being able to bypass confirmation.
Hi! I need to figure out, how to put tab strip, couple of grids in this tab strip, some buttons and file upload control inside custom pop-up template, and how to bind those controls to options, data sources, etc.
If I put pop-up template on my page, I can't(?) use code like:
var tabstrip = $(".popUpTabstrip"); tabstrip.kendoTabStrip({ animation: {open: {effects: "fadeIn"}}});</script>I'm creating my grid in JS entirely, referencing .js file.
I've also tried to set my own function to render pop-up template content and then called .html(), but .kendoTabStrip line doesn't do anything, because all this is converted to HTML.
Please, tell me, which way is the best to achieve my goal?
Ideally, I want to use function to render template, where I can create new kendo controls and bind them to data sources, defined in my js file.
Hi
I've been trying out the MVVM system for an upcoming project, and I seem to have a problem with understanding the basics. All of the examples/samples I've tried from the Kendo webpage have worked as intended, but my own test refuses to function.
Basically I have a span with a text value, which is changed by a button click. Simple. The problem is that, even though the ViewModel is updated (according to console print-outs), the text being displayed on the website does not.
I hope someone could have a look at this and tell me what I'm doing wrong - really is a very simple example.
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.112/styles/kendo.common.min.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.112/styles/kendo.default.min.css" /> <script src="http://kendo.cdn.telerik.com/2016.1.112/js/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script></head><body> <div id="app"> <div id="replaceMe"></div> </div> <div> <button id="swapButton">Swap Text</button> </div> <script type="text/x-kendo-template" id="template"> <div> <span data-bind="text:displayMe">Not bound</span> </div> </script> <script type="text/javascript"> var viewModel = kendo.observable({ displayMe: "Foo", swapText: function () { if (this.displayMe == "Foo") { this.displayMe = "Bar"; } else { this.displayMe = "Foo"; } } }); $("#swapButton").kendoButton({ click: function (e) { viewModel.swapText(); console.log("Swapped Text: " + viewModel.displayMe); } }); var template = kendo.template($("#template").html(), { useWithBlock: false }); var templateAsHtml = template({}); $("#replaceMe").html(templateAsHtml); kendo.bind($("#replaceMe"), viewModel); </script></body></html>