Hello,
We are using Kendo UI Q2 2016 and added tooltips to our grouped bar chart.
When working in Chrome on the desktop it all works well and the tooltips are shown upon mouse over correctly.
However when we run the same app on a mobile device (specifically - iPhone 6s device and iPhone 5s simulator) the tooltips are not showing in the app.
On the same devices in which we experienced the problem we also checked the tooltips of your demo in Safari and they worked well: http://demos.telerik.com/kendo-ui/bar-charts/index
In addition we found out that if we add the following seriesClick, the tooltips do show up (after the alert is presented):
seriesClick : function(e){alert("nothing");}
Following this strange behavior of alert solving the problem, we tried the following in the seriesClick function instead of the alert:
e.preventDefault() as well as e.originalEvent.preventDefault();
None helped and it looks like tooltips will only show up after alert.
Any idea how we can solve this issue with the tooltips not showing up (without alert)?
Thanks,
Ron.
When using left, right, up and down arrows for moving window, options.position is not update.
1) I would like to know how to sort stacked column chart in descending order of the total value of the columns (sum of stacked value in a column) ?
2) How to have the legend color matches the color of the stacked columns ?
Here is my dojo code
Any help would be appreciated.
Hi,
We have a bar chart with tooltips, very similar to the one in your demo of http://demos.telerik.com/kendo-ui/bar-charts/index
Our tooltips are using a template which include <a> element. The <a> element has onclick attribute which allow the user to drill down according to selection and move to a new view using app.navigate
It all looks good and works well in Chrome browser. But when we run it on iPhone device the tooltip on which we click remains also in the new view. Following your suggestion in other post we work on changing all onclick events to tap events and we hope this will also solve the remaining tooltip problem. However we cannot find a way of attaching tap event to the tooltip <a> elements:
- We tried adding data-role="touch" with data-tap to the tooltip template but this does not work, most probably because the <a> element is rendered after kendo attached handlers
- We also looked for a way to programatically bind all those <a> elemets to kendo tap event, but we could not find what chart event we should use as we need an event in which the tooltips already exist
Can you please advise how we can attach tap event to the chart tooltip?
On the otherhand, if you suggest us to keep the onclick tooltip implementation - is there anything you can suggest us to make sure the tooltip disappears after we change to the other view?
Thanks,
Ron.
Hello,
When adding multiple elements for the following MultiSelect by typing their value (so filtering applies), some items aren't able to be removed.
@(Html.Kendo().MultiSelect() .Name("msAssignContacts") .Placeholder("Add new..") .DataValueField("Id") .DataTextField("FullName") .DataSource(source => { source.Read(read => { read.Action("GetContacts", "UserProfile") .Data("additionalParams"); }) .ServerFiltering(false);}))It seems to happen randomly, so some of the items can be removed, others cannot.
It's not reproducing when items are added only by mouse and it happens for all the MultiSelects in the project.
Thank you
I am currently investigating the use of the Kendo UI Grid for a new project and need to know if it's possible to wrap it in an Angular 2 component?
Thanka
I've created a Kendo Editor with a variety of toolbar buttons. However, when I bring up the list of fields in JAWS (Insert + F5), not all of them are uniquely identified. Some of them just say "Button", whereas others say what the button is used for, as shown (and described) in the attached file. The markup is below:
01.$("#txtBody").kendoEditor({02. resizable: {03. content: true04. },05. tools: [06. "formatBlock",07. "formatting",08. "bold",09. "italic",10. "underline",11. "strikethrough",12. "subscript",13. "superscript",14. "justifyLeft",15. "justifyCenter",16. "justifyRight",17. "justifyFull",18. "insertUnorderedList",19. "insertOrderedList",20. "indent",21. "outdent",22. "foreColor",23. "backColor",24. "createLink",25. "unlink",26. "print"27. ],28.});What needs to be done in order to update the button's such that they're uniquely identified in the dialog?
According to my understanding of your 508 documentation (http://docs.telerik.com/kendo-ui/accessibility/section-508), this should be supported out of the box.
A part of our ASP.NET MVC app consists of a tabstrip with a grid in each tab. Each grid also has a .ClientDetailTemplateId("grid-details-form") and each grid shares the partial that makes up the clientTemplate @{ Html.RenderPartial("_DiagnosisRecordComments"); } _DiagnosisRecordComments has <script id="grid-details-form" type="text/x-kendo-template">
Here's 3 pictures to demonstrate the problem as we navigate the tabs, their grids, and the client templates. First tab, its grid and first row client template expanded out. All is good with the editor in the client template. Then we go to the second tab grid, first row client template and we a raw TextArea. Go back to the first tab grid, and now we have an editor within an editor.
Obviously Kendo is getting confused about where to render the Edtior. So right now the editor is declared via razor.
@(Html.Kendo().Editor() .Name("validation-editor") .HtmlAttributes(new { style = "height:160px;" }) .Tools(tools => tools .Clear() .Bold() .Italic() .Underline() .Strikethrough() .FontColor() .JustifyLeft() .JustifyCenter() .JustifyRight() .Indent() .InsertUnorderedList() .InsertOrderedList()).ToClientTemplate())
I'm thinking that I'm going to have create the editor dynamically on each tab navigation. Any idea what's going on?