Hey there, I recently created an email link that includes a subject, message body, and recipients with just one click of the "Send" button. I followed a helpful tutorial on email links, which can be found here, and everything is working smoothly. Here's the code snippet I used:
string table = "<tr><td style=\"font-size:12px;\"><td style=\"font-size:12px;\"><a href=\"mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="196b7c7a69707c776d597e74787075377a7674">[email protected]</a>?subject=Request to star github repository&body=Hi All, %0D%0DIt is highly appreciated if you could star the following repository.%0D%0DSincerely,%0DHR Admin.\"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a5d7c0c6d5cc...
I want to replace the plain email link with a more user-friendly email icon.
To achieve this, I included the following code in the header section:
<link rel=\"stylesheet\" href=\"http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css\">
Then, I updated the anchor tag as shown below:
<a href=\"mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ccbea9afa9baa9be8caba1ada5a0e2afa3a1">[email protected]</a>?subject=Request to star github repository&body=Hi All, %0D%0DIt is highly appreciated if you could star the following repository.%0D%0DSincerely,%0DHR Admin.\"><i class=\"material-icons\"></i></a>
Unfortunately, I'm facing an issue where the email icon is not displaying properly. Upon inspecting the HTML, I noticed some additional numbers being added:
<i class="m_-6876977088503419915material-icons"></i>
If I remove the extra numbers, the icon appears correctly. Do you have any idea why these numbers are appearing and how I can fix it? I also tried defining a button class within the anchor tag, but it didn't solve the problem.