Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Links getting closed out prematurely #58

Closed
abrambailey opened this issue Apr 28, 2016 · 2 comments
Closed

Links getting closed out prematurely #58

abrambailey opened this issue Apr 28, 2016 · 2 comments

Comments

@abrambailey
Copy link

Here is my email template:

<a class="large-button" href="<%= @link %>" style="color: #ffffff !important; font-family: Helvetica, Arial, sans-serif; text-decoration: none">
  <table style="border-collapse: collapse; border-spacing: 0; overflow: hidden; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top; width: 100%">
    <tr style="padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: left; vertical-align: top" align="left">  
      <td style="-moz-hyphens: auto; -webkit-hyphens: auto; background-color: #2ECC71; border-bottom-color: #090; border-bottom-style: solid; border-bottom-width: 1px; border-collapse: collapse !important; border-left-color: #090; border-left-style: solid; border-left-width: 1px; border-right-color: #090; border-right-style: solid; border-right-width: 1px; border-top-color: #090; border-top-style: solid; border-top-width: 1px; color: #ffffff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; hyphens: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center; text-decoration: none; vertical-align: top; width: auto !important; word-break: break-word" align="center" bgcolor="#00acee" valign="top">
        Answer Question
      </td>
  </tr>
  </table>
</a>

Here is the generated link:

<a class="large-button" href="http://localhost:3000/ahoy/messages/PyYn4oblZUR1G3MODdw6UHO5cL6McPCR/click?signature=c5046e07c95405477cc30c4ced847bbe9d804284&amp;url=http%3A%2F%2Flocalhost%3A3000%2Fask%2Fask-what%3Fsource%3Dnotification%26utm_campaign%3Dquestion_notify%26utm_medium%3Demail%26utm_source%3Dquestion_mailer" style="color: #ffffff !important; font-family: Helvetica, Arial, sans-serif; text-decoration: none" target="_blank">
</a>
@abrambailey
Copy link
Author

By the way, I am using the popular Zurb Ink email templates, which use tables for buttons.

@abrambailey
Copy link
Author

I switched over to the new zurb ink and no longer have this problem. I think ahoy email couldn't handle the weird anchor with a nested table.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant