[Solved] Tooltips in Paginated Grid

[jeff]

Hi folks,
I have a paginated grid, and in one column, I'm using tooltips.

Three questions:

1) Tooltips don't seem to function once I go to a different 'page' (using the grid pagination), and only the standard title browser element displays - I've confirmed it in IE9 (yikes, yeah, I know..) and the latest chrome - confirm or deny?

2) I need to make the tooltips so they scroll if there's too much content (because there can be a ton..), and

1.#grid .k-tooltip {
2.  max-height: 400px;
3.  overflow-y: auto;
4.}

seems awfully sloppy.. 

AND...

3) I need to be able to mouseover the tooltip as well and have it persist, as the user may need to scroll.. 

Thank you very much!

[jeff]

I seriously doubted there was a grid-wide bug, and by removing the title element and using:

01.$("#grid").kendoTooltip({
02.    filter: "td:nth-child(3)",
03.    position: "top",
04.    content: function(e){
05.    var dataItem = $("#grid").data("kendoGrid").dataItem(e.target.closest("tr"));
06.    var content = dataItem.FILE_DESC;
07.        return content
08.    }
09.}).data("kendoTooltip");

Still two questions: I need to make the tooltip container scroll if necessary and I need it to persist.. Thoughts?

[jeff]

.k-tooltip-content {
    max-height: 200px;
    max-width: 400px;
    overflow-y: auto;
}

THAT'S what I was looking for.. Now to make it persist!

[Alex Gyoshev]

Hello Jeff,

It appears that after your last post, you need only that the tooltips do not automatically close. This can be achieved via the tooltip autoHide configuration option set to false.

Regards,
Alex Gyoshev
Telerik