Stack Overflow
Stack Overflow

Questions tagged [kendo-tooltip]

The Kendo Tooltip is a Kendo widget that Customizable and themeable tooltip. Kendo UI Tooltip can be attached to any element. When you hover the element with your mouse or on external button clicked it displayed litter box next to target the element.

The Kendo tooltip is a Kendo-UI widget that can be theme able as well as allowing various customization.

  • Display other content than just the title, like inline footnotes or extra content retrieved via Ajax.
  • Customize the positioning, e.g., to center the tooltip above elements. Add extra styling to customize the appearance, for warning or error fields.
  • Tooltips are also useful for form elements, to show some additional information in the context of each field.

Resources

Related tags

73 questions
12
votes
6 answers

Kendo UI: Conditionally preventing a Tooltip from being displayed on a Grid cell

I'm working on trying to display a Kendo tool tip on a grid cell, getting the content from an ajax call. My tooltip declaration looks like the below: var grid = $("#myGrid").data("kendoGrid"); grid.table.kendoTooltip({ width: 300, …
loxdog
  • 1,007
  • 3
  • 12
  • 30
7
votes
3 answers

Dynamically add tooltips to kendo grid rows of a column

I have a column with some notes displaying in the rows. Since the notes are huge, I have cut short the notes in the controller itself and sent that to my aspx page. What I want to achieve is, I want to display the complete notes in the form of a…
Hari
  • 416
  • 1
  • 6
  • 20
6
votes
1 answer

Positioning issue with kendo ui tooltip inside a grid

I have a problem with kendoui tooltip inside a grid cell. In the grid I display a simple documents folder. Each row lists a file. In the first column i have a small preview icon and a download link for the image or file. If I hover an image the…
Philip
  • 159
  • 2
  • 15
5
votes
3 answers

Kendo UI - Tooltip in a grid

I'm trying to create a tooltip for my grid like this: $("#grid").kendoTooltip({ autoHide: true, showOn: "mouseenter", width:125, height:125, position: "right", filter: ".k-grid-content a.hasTooltip", content:…
nouptime
  • 9,929
  • 5
  • 22
  • 37
5
votes
2 answers

How to increase vertical offset of tooltip position?

I'm using kendo tooltips on a graphic (within an anchor link) which is 24px tall. Accordingly, when the tooltip shows up (default position of bottom), it covers the bottom third of the graphic and so the bottom third of the graphic can't be…
Billy McCafferty
  • 93
  • 2
  • 6
4
votes
2 answers

Kendo for Angular Grid with tooltip

I am looking for a example for using kendo-grid Kendo for angular Grid for angular with tooltip on all cells and header. I found they have this tooltip EDIT!!!! I need to put in the template a field from the dataItem (from the row) I have this…
Ovi
  • 2,459
  • 9
  • 50
  • 72
4
votes
2 answers

Kendo Tooltip relative to mouse position?

I would like the Kendo Tooltip to show next to the mouse when clicking/triggering it to open. It seems I can only open it relative to an HTML element like this: mytooltip.show('#area'). How would I make it show relative to the mouse position though?
TruMan1
  • 33,665
  • 59
  • 184
  • 335
3
votes
1 answer

Dynamically adjusting Kendo UI tooltip position?

I surprisingly have not found anything on this issue while googling around for it. My use case seems fairly straight forward, the kendo ui tooltip overflows the window if it should go out of the window. So, I want to keep the tooltips to the right…
Tyler Dahle
  • 817
  • 1
  • 8
  • 37
3
votes
1 answer

kendo grid with kendo tooltip from an inline template does not work

I have a kendo Grid with tooltip displaying the details in a kendo tooltip. The following template when used as an external template works. However, i am unsure if the template can be passed as an inline template. Here is my code, External Template …
looneytunes
  • 741
  • 4
  • 16
  • 35
3
votes
1 answer

How to provide X axis and Y Axis value in kendo chart crosshair tooltip?

I am trying to get the X axis and Y axis value in crosshair tooltip of kendo chart. Please see: http://dojo.telerik.com/iDanE How can this be done? How to specify the template for tooltip to contain both X axis and Y axis value? Want to have both…
user2439903
  • 1,277
  • 2
  • 34
  • 68
3
votes
1 answer

Kendo UI Tooltip on show, access target?

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…
jtromans
  • 4,183
  • 6
  • 35
  • 33
3
votes
1 answer

Kendo UI Tooltip remove/destroy?

How do I remove/destroy an existing tooltip created like: $(td[role=gridcell]").kendoTooltip({ ... }); For example, to destroy a grid you do the following: $("#grid").data("kendoGrid").destroy(); How do I check whether the tooltip exists and/or…
jtromans
  • 4,183
  • 6
  • 35
  • 33
2
votes
0 answers

Kendo Tooltip does not open after second touch on Safari Mobile

Kendo tooltip works with hover on any desktop application and with touch with mobile devices, this works pretty cool in Android devices but with Safari in IOS the tooltip does not open after second touch, hopefully somebody can help with this…
Ismael Cruz
  • 21
  • 3
2
votes
1 answer

Kendo Tooltip not properly closing

Demo: http://jsfiddle.net/h185js61/ var tooltip = $("#DIV_ID").kendoTooltip({ showAfter: 100, autoHide: true }); Screenshot of the problem: Problem: Kendo Tooltip (API: http://docs.telerik.com/KENDO-UI/api/javascript/ui/tooltip) does not…
DavidDunham
  • 1,245
  • 1
  • 22
  • 44
2
votes
1 answer

Chart Shared Tooltip Title

So I have a chart which has a shared tooltip across multiple series. This is a time-based series, with categories of each hour in a day. I'm able to correctly format the labels in the chart just fine. The issue I have is that I can't seem to change…
Nate Diamond
  • 5,525
  • 2
  • 31
  • 57
1
2 3 4 5