Support Button Set Up Using Image Links (Support Message)

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

 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)

(This is an old image)

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>

scr = (image path from signify)

href = (email to send to)

 

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)

 

Quick Steps:

Step 1: Download Glassfit example here

https://drive.google.com/file/d/150MVQe2AS3C0TTgrFd24jEV1GbKCGuPE/view?usp=share_link

Step 2: Navigate to System Admin | System Admin | Tools | Config | Framework | Global Settings | Contact Support Email Content

Step 3: Click on source

 

Step 4: Delete everything from block and paste all from downloaded sheet in this block.

Step 5: Scroll to bottom of page and click save.