Hi Team,

I'd like to request the ability to be able to customize the Kendo UI ToolTip's callout.  For example, being able to set a border around it would be helpful.

Thank you!

Please add an option to configure the base postion of the tooltip.

Default value is "target" for the target element. If "mouse" is set it is the current mouse position.

The contentTemplate will be usable in MVVM bindings that points to an css id tag element in order to pull the Tooltip's contents.

Do not hide the tooltip if false is returned from an options.hide function.

Use Case: I need to show tooltips on the chart and keep them open onSeriesClick.
This is so they will appear on the PDF when generated giving better readability to the PDF.
I see that by design autoHide=false still hides tooltips on mouse click - but at least let the developer have a pure control over hiding it via the hide method return.

I would like to have more powerful tooltips 


- Prevent the opening of a tooltip via the show event and preventDefault (or similar)

- Prevent the closing of a tooltip via the close event and preventDefault (or similar)

- Have tooltips which can have their autoHide option determined by whatever they are hovering over, hence half the page could use 'hover' tooltips but more complex tooltips on the same page could use a close button. Could possibly accomplish this via the previous point

In general on this last point, you typically have a single tooltip widget on the page attached to the body, you may want more than one style

- Within the show event have access to the element on the page that the tooltip is above, (if there is already access I couldn't see it)

Currently the autoHide option for Tooltips always hides when the mouse leaves the target element.  This makes sense for showOn values "mouseenter" and "click", but does not make sense for showOn "focus". In the latter case the mouse might not even be over the target when the tooltip is shown, so autoHide is not useful (and indeed you get weird behaviour like multiple tips appearing).  It seems the obvious behaviour for autoHide in this case is to hide on blur.  See also the forum thread:

http://www.telerik.com/forums/tooltip-doesn't-hide-when-element-lost-focus-when-set-to-showon-focus

We have the needs to display a toolbar vertically. We tried your toolbar control but the feature was not there. However, we looked at the code and did minor changes to allow it. Is there any way we can submit the code so you would look at it and maybe add it to the main stream of Kendo UI javascript toolbar?

The tooltip widget should have a beforeShow event, which can be used to bind an observable to a locale template, used by the tooltip. While it's already possible to use widgets inside the tooltip, the tooltip is missplaced, since its shown before I'm able to bind the observable (called by show event) to its content.

Initializing tooltips on a container and filter is great, but we need a way to individualize some configuration options, especially positions.

Option 1: position = "auto"
if the target is close to the top, position is automatically set to bottom
if the target is close to the bottom, position is automatically set to top
if the target is close to the left, position is automatically set to right
if the target is close to the right, position is automatically set to left

Option2: position = function(tooltip, target) {}

This might be applicable to other properties.

Go here: http://demos.kendoui.com/web/tooltip/api.html

1. Click on Area 1 or Area 2 
2. Then:
a. click outside tooltip area
b. press "Esc"
c. scroll down the page

Current result: tooltip is closed

Expected result: tooltip should not be closed

It would be great to configure tooltip hide behaviour whether to close or not on 2. a, b, c actions.

Go here: http://demos.kendoui.com/web/tooltip/api.html


1. Click on Area 1 or Area 2
2. Scroll down the page

Current result: tooltip is closed

Expected result: tooltip should not close when the I scroll the scrollbar using either the mouse wheel or pointer.

I would like to update a single tooltip based on a user's input. I can currently do this but when the tooltip initially shows it has stale data in it. A property that would hold off on showing the tooltip until new data is added by a function would be nice and help prevent the user from ever seeing the stale data.

Please allow us to set tooltip offsets, so I whatever value you calculate it to be shown at I can "push" it off further.

Also please append a class showing of the location of the tooltip (top, bottom, left, right) to help us style appropriatly.