This is a migrated thread and some comments may be shown as answers.

Show conditional tooltip when selecting a row

1 Answer 256 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Joe
Top achievements
Rank 1
Joe asked on 15 Sep 2017, 06:46 PM

I have some data in a grid that is just too wide; the number of columns pushes my custom edit and delete buttons off the side.  So want I'd like to do is cut back on the number of columns in the grid, but when selecting a row, popup a tooltip with the rest of the data, if and only if it meets a certain criteria.

If they select a row where the visible column of Error is false, do nothing.  If they select a row where the Error column is true, show a tooltip with the error.

How can I implement this?

BTW, I only use whole row select, never individual column selections, and I never use inline editing, always the popup editor.  This makes hovering or selecting a whole row much easier.

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 19 Sep 2017, 02:00 PM
Hi Joe,

A behavior similar to the desired one is shown in this How-To article:
I modified the code from the above article to meet the exact requirements of your project. Please find the modified code in this Dojo:
I hope the above helps. Do not hesitate to write back if you have any further questions.


Regards,
Preslav
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Joe
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or