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>
I'm currently using Typescript and the latest kendo type definition (and WebStorm as my IDE).
I am using the DataSource as illustrated in the second example of the Read section at this link:
http://docs.telerik.com/kendo-ui/framework/datasource/crud
where read is set to be a function.
Everything compiles fine and works BUT my editor is not able to resolve this overloaded version based on the kendo ui type definition.
How can I get an updated version of the definition that contains this overload OR how can I resolve this issue?
I've attached a screenshot demonstrating the error.
Hi! I have grid on my page and I'm using pop-up editor with custom template. Here are problems I've got:
1) I have to set window's dimensions in pixels. It's not able to auto-size to fit content
2) I have TabStrip in this window and I have to put it in separate Div and set this div's dimensions. Otherwise TabStrip renders incorrectly. I can't just place TabStrip and tell it "use 100% of width" - it won't. It demands values in pixels.
3) I have child grids in my pop-up editor window. Grid allows to delete records, so I'm using pop-up window to display delete confirmation. I'm using basic template
from Kendo examples. (Look at code at the bottom of my post)
It works, but looks ugly. I need to have proper formatting. For example, properly aligned message, properly styled and aligned buttons (like in grid edit pop-up)
Which k- classes can I use?
Also, close button renders incorrectly. It should be a button with X, but instead it renders "Close" text, which is displayed almost outside the window's borders. And when I click in it, it gives an exception.
Also this window isn't fully modal. I can click on pop-up editor window and it will bring it to front, hiding confirmation window.