Support Button Set Up Using Image Links
If a client uses an image with a link to launch an external mail launcher, they most probably will experience an issue where the main page loading indicator does not stop loading.
The below fix should be applied to the customer's front end.
Click on Source and search for mailto (this is where the changes need to be made):
An onclick method will need to be added to a div in order to trigger the page load function in the backend. (Please note this commit must exist on the branch you are making changes to or the function will not be triggered. TP80416)
For this to happen, the image button needs to be formatted at such:
<div onclick="SendEmail(hfFirstMailTo );">
<image here - Copy image tag from the <a> tag here>
</div>
<a id="hfFirstMailTo style="visibility:hidden" href="mailto:_url_"></a>
Please note: variable names for the <a> tag id as well as the function name for the div needs to be exactly the same as in the below example.
Example:
<div onclick="SendEmail(hfFirstMailTo);">
<img alt="" src="http://arthur/signifyhr_gvk/app/api/thumbnail/general? id=175" style="height:121px; width:103px" />
</div>
<a id="hfFirstMailTo" style="visibility:hidden" href="mailto:test.analyst@signify.co.za"></a>
<div onclick="SendEmail(hfSecondMailTo);">
<img alt="" src="http://arthur/signifyhr_gvk/app/api/thumbnail/general? id=175" style="height:121px; width:103px" />
</div>
<a id="hfSecondMailTo" style="visibility:hidden" href="mailto:test.analyst@signify.co.za"></a>
Download Glassfit exam:example here:
https://drive.google.com/file/d/150MVQe2AS3C0TTgrFd24jEV1GbKCGuPE/view?usp=share_link
Setting up a link:
The above format needs to be adhered to when setting up a hyper link should the same error occur. Please use the below code snippet for the front-end html:
<div onclick="SendEmail(hfFirstMailTo);"> Send Email
</div>
<a id="hfFirstMailTo" style="visibility:hidden" href="mailto:test.analyst@signify.co.za"></a>
You can use text formatting to ensure that the link appears as a link (blue text colour underlined)