In my bubble chart, I'm trying to center each tooltip above it respective bubble. However, each tooltip doesn't show up in the same relative position for each bubble. This makes it very difficult to perfectly center each tooltip over its bubble. It would be nice if there were an option to center the tooltip vertically above the bubble.
Put the below html in http://trykendoui.telerik.com/ You will see that for year 2006 the noteText is not visible. Same problem when the data point is at the top of the chart. Should have some option to have some margin to accommodate this. Or better yet change the position of the notetext to top or bottom automatically. <!DOCTYPE html> <html> <head> <base href="http://demos.telerik.com/kendo-ui/line-charts/notes"> <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style> <title></title> <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.default.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.dataviz.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.dataviz.default.min.css" rel="stylesheet" /> <script src="http://cdn.kendostatic.com/2014.1.528/js/jquery.min.js"></script> <script src="http://cdn.kendostatic.com/2014.1.528/js/kendo.all.min.js"></script> </head> <body> <div id="example"> <div class="demo-section k-content"> <div id="chart"></div> </div> <script> var grandSlam = [{ "year": "2003", "win": 13, "extremum": "MIN: 13", "loss": 3 },{ "year": "2004", "win": 22, "loss": 10, "extremum": "MIN: 1", },{ "year": "2005", "win": 24, "loss": 2 },{ "year": "2006", "win": 30, "extremum": "MAX: 30", "loss": 1 },{ "year": "2007", "win": 26, "loss": 1 },{ "year": "2008", "win": 24, "loss": 3 },{ "year": "2009", "win": 26, "loss": 2 },{ "year": "2010", "win": 20, "loss": 3 },{ "year": "2011", "win": 20, "loss": 4 },{ "year": "2012", "win": 19, "loss": 3 }]; function createChart() { $("#chart").kendoChart({ dataSource: { data: grandSlam }, plotArea: { background: "green", margin: { bottom: 10, top: 10 }, padding: { top: 500 } }, title: { text: "Roger Federer Grand Slam tournament performance" }, legend: { position: "bottom" }, seriesDefaults: { type: "line" }, chartArea: { border: { width: 5 }, margin: { top: 100 } }, series: [{ field: "loss", name: "Losses", noteTextField: "extremum", notes: { label: { position: "inside" }, position: "bottom" } }], valueAxis: { line: { visible: false } }, categoryAxis: { field: "year", majorGridLines: { visible: false } }, tooltip: { visible: true, template: "#= series.name #: #= value #" } }); } $(document).ready(createChart); $(document).bind("kendo:skinChange", createChart); </script> </div> </body> </html>
As nodejs + express + jade is here, i think you should have more examples with jade and nodejs...
How about a easy way to build reports like invoices, labels, etc?
Instead of pulling the validation message from the Title attribute, use the title in the formatted message. For people who are trying to write localized messages, this could be very beneficial since they can just replace the title with the correct field name and change the message in the options.errors just once for the localized error message. _extractMessage: function (input, ruleKey) { var that = this, customMessage = that.options.messages[ruleKey], fieldName = input.attr(NAME); customMessage = $.isFunction(customMessage) ? customMessage(input) : customMessage; return kendo.format(input.attr(kendo.attr(ruleKey + "-msg")) || input.attr("validationMessage") || customMessage || "", input.attr("title") || fieldName, input.attr(ruleKey)); },
Try tabbing through a form with a bunch of inputs and tabbing onto a button at the end. Although it works you can't tell because the button doesn't indicate the focus!
I hate to create or have hardcoded ui in my view. Similiar with what Silverlight does with the dataform ,if i bind my form to a model for each property in my model Kendo could create the label and the right input field on the ui.
You have this .k-state-disabled class in kendo.css but it's not used in scripts. That's why I forced to copy all .k-state-disabled class styles to new class like .k-button:disabled, .k-button:disabled:hover, .k-button:disabled:active { background-color: #E3E3E3; border-color: #C5C5C5; color: #9F9E9E; opacity: 0.7; cursor: default; outline: 0 none; } (this is my temporary solution)
I am trying to use the DropDownList and find this level of documentation: <div class="demo-section k-content"> <h4>Products</h4> @(Html.Kendo().DropDownList() .Name("products") .DataTextField("ProductName") .DataValueField("ProductID") .DataSource(source => { source.Read(read => { read.Action("GetProducts", "Home"); }); }) .HtmlAttributes(new { style = "width: 100%" }) ) </div> The only other source file is a simple Controller Action method to return a result. There is no indication of what type of data is to be returned by the read.Action("GetProducts", "Home"); What fields are required in the data? What field or fields are passed back to the Controller on Submit? Is it JSON? Is it in a wrapper like the Grid uses? It is issues like this that make ALL the Telerik products difficult to use, and makes me consider using other tools. I think it lowers the value of the tools when Telerik appear to be happy that documentation of this level exists and users have to find answers and working real life examples on sites such as StackOverflow.
The Detailed description In: https://github.com/telerik/kendo-ui-core/issues/3903 Bug report Currently, DataSource bound Spreadsheet throws "Unsupported for multiple ranges" error when attempting to delete the content from multiple not adjusted cells. The error is thrown by the values() method: values: function (values) { if (this._ref instanceof UnionRef) { throw new Error('Unsupported for multiple ranges.'); } if (this._ref === kendo.spreadsheet.NULLREF) { .... Reproduction of the problem Go to the DataSource Binding demo; Select a few cells using the Ctrl + click; Press Delete button on the keyboard; "Unsupported for multiple ranges" error will be thrown from the values() method; This bug has not been resolved in Version 2018.3.911.
The US Government requires that software they purchase be Title 508 Compliant, essentially ensuring the people with disabilities can use the software. There's a problem with Grid wherein the header and body are actually 2 different tables. This is a problem because screen readers can't associate the th in the first table with the td's in the second. There may be other problems. We'd like to be able to sell to the US Government. ;^)
Provide graph control that could display relations between people, objects, etc.
For KendoUI Mobile, it would be great to have a controle that display an alphabetical index (a-z), much like the Windows Phone 7 jump list. This could be bound to the first letter filter property of a list control (grid or else).
Provide default mode for Kendo Mobile. When working in kendo mobile web applications, give the user the ability to specify a default or fallback render mode if iOS, blackberry, or droid are not found. Implement it much in the same way you implement the platform application property but instead of saying use this platform for all render modes, this property would equate to saying use this mode IF none of the other supported modes within Kendo Mobile are not found. This also would be good for future development as you add render modes we could response with our "default" style.
Hi, I good idea could be if we can define a "Top Level Class Name" for css class to custom stylesheet produced by themebuilder. Example: Image to use one of your standard stylesheet if i have in my page (razor) @(Html.Kendo().DropDownList().Name("ControlName") ... ) that for sure render with the theme loaded in html header section and after i put <div class="MyCustomClassNameForKendoUiWidget"> @(Html.Kendo().DropDownList().Name("ControlName2") </div> that will be render with an different stylesheet loaded in header section of my page and that was produced by your ThemeBuilder What i obtain is to use different styles for KendoUI widget in same page.
There may be cases where you need to fully refresh / reload a remote view after CRUD operations instead of amending the data in the view via ajax / jquery. In my case I had already built an application and hoped I could plugin Kendo Mobile UI for a mobile version, but have ended up having to change the way the application works to use the Datasource component. So if purging loaded remote views cache is something that may be considered for future releases, that would be great.
Please consider to add closed captions / subtitles to your existing webinars as well to each future recorded webinar; CC are a very handy aid not only for people that are hearing impaired but also for people like me for whom English is not their native language. Thank you
It would be nice to be able to display data visually - basic network graphs using layouts such as Hyperbolic tree and Radial tree.
I use a common form to bind data objects to. I also perform validation on this form. If I validate the form through a submit and it fails (validate() returns false), I close the window and then rebind with the same or a different object (from a grid or some datasource). When the window comes back up, the validator messages are still there from the last failed submit. I need a way to clear them. I could call validate on the rebind, but I want to clear them, not reevaluate them (as there could be some that come up...especially when adding a new item with no data in it).