Main Region

Tool-tip for checkbox
| | 2 answers | 3 views

PR
Posted by Priya
Oct 12th, 2017 at 11:45
0

Hi Team,

Our requirement is to show the tool-tip on hover of the checkbox column in the grid. We tried the way suggested in the below URL http://forum.tryfoexnow.com/osqa/questions/3096/how-do-i-add-tooltips-to-grid-cells-to-show-all-the-cell-data-on-hover But we are unable to achieve this. Replicated the same in the below URL http://demo.tryfoexnow.com/apex/f?p=143:1

Thanks in advance.

Regards, Priya

4 Comments

PR
Priya on Oct 12th, 2017 at 13:23

Thanks a lot...That really works... But If my checkbox is unchecked it is not required to show the tooltip. Can you help me in this?

PR
Priya on Oct 12th, 2017 at 13:47

Actually I want to show the unchecked checkbox but not the TOOLTIP for that unchecked checkbox.

Profile Image
FOEX-SUPPORT on Oct 12th, 2017 at 15:00

this is what the code actually does, we did not update your test case before, but we have now.

PR
Priya on Oct 13th, 2017 at 06:11

ya its working.... Thanks for your kind help

Profile Image
Posted by FOEX-SUPPORT
Oct 12th, 2017 at 13:16
0

You cannot use a HTML expression on a checkbox column, since there is an automatic column renderer that is created for you to show the checkbox, however the HTML expression overrides this. This is the reason why it is not supported. To achieve your requirement you need to add a custom renderer as follows e.g.

"renderer": /**/ function(value, metaData) {
   return '<div class="x-grid-checkheader ' + ((value) ? 'x-grid-checkheader-checked' : '') + '" data-qtip=" ' + metaData.record.get('TOOL') + '">&nbsp;</div>';
}/**/

alt text

0 Comments

Profile Image
Posted by FOEX-SUPPORT
Oct 12th, 2017 at 13:41
0

If you don't need to show the unchecked checkbox then use this code:

"renderer": /**/ function(value, metaData) {
   return (value) ? '<div class="x-grid-checkheader x-grid-checkheader-checked" data-qtip="' + metaData.record.get('TOOL') + '">&nbsp;</div>' : '<div class="x-grid-checkheader">&nbsp;</div>';
}/**/
0 Comments

You must log in or sign up to post questions and answers.