Question
Aaseya IT Services
SA
Last activity: 28 May 2021 3:55 EDT
How to show Tooltips dynamically
Hi all,
Can Someone help me on this requirement.
I have a requirement, to show a tooltip dynamically for each value in the dropdown based on user selection in the Grid.
For Eg: I have 4 values for a property in the dropdown. The values are as below:
1. India
2. UK
3.USA
4. Aus
So When the User selects India, I need to show a tooltip related to "India".
Note: Tooltip message is static.
Thanks in Advance.
Pegasystems Inc.
IN
This is just an idea, you would need to modify this based on your application
1.Create a non auto section and place it inside the section in which it is having grid. 2. Note that Id should match with dropdown id in Dom ,copy the dom dropdown id and use it. 3. Try below local change <script> pega.u.d.attachOnload( function(){ var toolTipLabel = "My Tooltip"; // make this an array based on your requirement var dropdown=$("[id='$e349a09d']"); for(var i=0;i<dropdown.length;i++){ dropdown[i].setAttribute("title",toolTipLabel); } } ); </script>
Aaseya IT Services
SA
@TashikaS Can you explain Point 2 more briefly? Please provide any screenshots for more understanding
Thanks
Srujan
Pegasystems Inc.
IN
I have not tried this code. Its just an overview that you would need to get the ID of the Dropdown and set the tooltip value for each in the list.
So that when it is selected, the tooltip value is shown