Question


Texas Commission On Environmental Quality
US
Last activity: 18 Dec 2018 10:08 EST
Displaying tooltip/smart tip for a disabled button (on hover action) - 7.1.8
Hello,
Hope everybody is doing well. Newbie to Pega platform. My requirement is to display a message(tooltip or smart tip) when user hovers over a button. The message should only be displayed when the button is disabled. When button is enabled, the message should not pop-up and do the regular operation it is programmed to do. I can achieve both functionalities separately(disabling the button and displaying the tooltip. Is there anyway we can combine these two operations?
Thanks in advance for your help.
Regards,
Arpan Parikh
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
Accepted Solution


Pegasystems Inc.
US
I'm not sure if there is an easy way to do this OOTB. It might be overkill (or perhaps the only option OOTB), but I imagine you could easily achieve this by having two different buttons with a visible when. One is always disabled with a tooltip. The other is a regular ol' button. Then you can show/hide each, pending the same disable when condition you are already using.


Pegasystems Inc.
US
Hello Arpan,
Please let me know in which version you want to achieve this functionality, the reason being with every PRPC version a lot of new UI features get added and some requirement which is possible in one version might not be possible in another.
Regards,
Rachit


Texas Commission On Environmental Quality
US
Version is 7.1.8. I have updated in the description as well.
Accepted Solution


Pegasystems Inc.
US
I'm not sure if there is an easy way to do this OOTB. It might be overkill (or perhaps the only option OOTB), but I imagine you could easily achieve this by having two different buttons with a visible when. One is always disabled with a tooltip. The other is a regular ol' button. Then you can show/hide each, pending the same disable when condition you are already using.
-
KrishnaChaitanya Gaddipati Shiva S


Texas Commission On Environmental Quality
US
Thanks @Rett_Hean_GCS. I will try this approach and will update on the outcome.


Texas Commission On Environmental Quality
US
Thanks @Rett_Hean_GCS. Your approach works. However, this works only when button is enabled. When I disable the button, Smart tip functionality does not work. Any idea on how to make that work?


Pegasystems Inc.
US
Tooltip should still work while disabled. You mentioned that could still satisfy your requirement right?


Texas Commission On Environmental Quality
US
I have already marked your first response as correct answer. I was able to satisfy the requirement.
Regards,
Arpan Parikh


CollabPartnerz
IN
HI,
Below post might help you.
https://collaborate.pega.com/question/hiding-hover-icon-disabled-button


Texas Commission On Environmental Quality
US
This is for totally different purpose :(