Add formatting (Button) Notification Template

[Iqbal Mann]

Hi,

I want to change plain hyperlink to a button.

From this:

to this:

[Piotr Zadrożny _Eyzee_ · Accepted solution]

Hi @Iqbal Mann 

You can modify your e-mail templates. To do so go to Project Settings -> Customer notifications -> Edit templates 

Then in CSS tab add at the bottom:

.myButton {
background-color:#ff8c00;
display:inline-block;
cursor:pointer;
font-family:Arial;
font-size:10px;
color:#ffffff;
text-decoration:none;
padding:6px 24px;
}

and in HTML tab change following lines from:

<p>
<a class="jsd-issue-link" href="${request.url}">View request</a> 
<span class="jsd-link-separator">&middot;</span>
<a class="jsd-unsubscribe-link" href="${request.disable.notifications.url}">Turn off this request's notifications</a>
</p>

to:

<p>
<a class="myButton" href="${request.url}">View this request</a> 
<span class="jsd-link-separator">&middot;</span>
<a class="myButton" href="${request.disable.notifications.url}">Turn off notifications</a>
</p>

After making the changes don't forget to save them.

Best regards,

Piotr

[Iqbal Mann]

Yes.

This worked. Thanks