kendo-tooltip

问题 I wrote a simple kendo-ui app, which displays a pie chart from JSON. I used AngularJS and i couldn't find a reference on how to display a tooltip when the user hovers on the chart. Coding snippet: <div kendo-chart k-title="{ text: 'DemoProg', position: 'bottom' }" k-series-defaults="{ type: 'pie' }" k-series="[{ field: 'solar', categoryField: 'year', padding: 0 }]" k-data-source="yearSource" k-series-hover="onSeriesHover" ></div> and i also found out in the official tutorial page, we can show

问题 I would like to customize the shape of Kendo Tooltips for a grid. I saw the example on kendo site, it has the arrow outside the box, and the box has a nice rounded shape. Working on css, using .k-tooltip I can change width, height, background. But I get a square box with the arrow inside which sometimes overrides part of the text content. I thought that callout would help but I was not able to get anything. How can I change shape, image and position of the arrows, shape of the box ? Moreover,

问题 The target is accessible by passing the argument e to the anonymous function for content. gridToolTipz = $('#grid').kendoTooltip({ filter: "td[role=gridcell]", content: function (e) { var target = e.target; // the element for which the tooltip is shown ... }, show: function(e) { var target = e.target; // the element for which the tooltip is shown ... } }); Is it possible to achieve the same thing on show? The above code doesn't work. 回答1: You can always access the target element by calling

问题 I'm attempting to use Kendo-Validator and Kendo-ToolTip to show validation messages as a tooltip. The problem I currently have is that multiple validation error messages appear against the HTML element. How do you stop that from happening? Here's the HTML: <div id="example"> <div class="demo-section k-header"> <form id="tickets"> <h3>Book Tickets</h3> <ul> <li> <label for="fullname" class="required">Your Name</label> <div style="display:inline-block"> <input type="text" id="fullname_1" name=