Skip to main content

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.

Navigate to where the support button setup happens: System Administration | Tools | Configuration | Framework | Global Settings

image-1641818682732.png

 Click on Source and search for mailto (this is where the changes need to be made):

image-1641818880703.png

 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)

image-1641819278358.png

For this to happen, the image button needs to be formatted at such:

<div onclick="SendEmail();">

<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:

image-1641819484407.png<div onclick="SendEmail();">
<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>