G'day,
I am not sure if I have explained myself properly, I have tried several attempts at fixing my template so that the CSS styles are working.
So basically my Email notification is for a Reminder event:
<head><STYLE type="text/css">
.regCap {width:120px;}
.regContent {}
.regRow {padding-top:5px;width:750px;border-bottom:1px dotted;}
.regTotalFees {text-align:right;padding-top:10px;width:750px;border-bottom:2px double;font-weight:bold;}
.regAdditionalFees {text-align:right;padding-top:10px;width:750px;border-bottom:1px dotted;}
.regName {width:170px;}
.regPhone {width:130px;}
.regEmail {width:250px;}
.regRegType {width:200px;text-align:right;}
.regTable {width:750px;border-bottom:1px dotted;}
</STYLE></head>
<body>Dear [User:DisplayName]
<br/><br/>
This is a reminder for the following event:
<br>
<div style="font-weight: bold;">[EVENTTITLE]</div>
[EVENTDATE]
<br/>
<br/>
If you need to be reminded closer to the event or you would like to be notified of any future changes to the event, you can easily do this by going to the Sun Bae calendar, clicking on the event and add your email address.
<br/>
For more information, please visit the website:<br/>
[EVENTLINK]
<br/><br/>
Support<br/>
[Portal:PortalName]
<br/><br/>
(Note: This is an automated email and you cannot reply to it. Further enquiries must be directed to your Club Instructor. Contact details for your Club Instructor are available in the "About Instructors" area.)
</body>
For more information, please visit the website:<br/>
[EVENTLINK]
<br/><br/>
Thank you.<br/>
[Portal:PortalName]
</body>
The Output I get on the email client is:
.regCap {width:120px;}
.regContent {}
.regRow {padding-top:5px;width:750px;border-bottom:1px dotted;}
.regTotalFees {text-align:right;padding-top:10px;width:750px;border-bottom:2px double;font-weight:bold;}
.regAdditionalFees {text-align:right;padding-top:10px;width:750px;border-bottom:1px dotted;}
.regName {width:170px;}
.regPhone {width:130px;}
.regEmail {width:250px;}
.regRegType {width:200px;text-align:right;}
.regTable {width:750px;border-bottom:1px dotted;}
Dear sun bae
This is a reminder for the following event:
Cancelled class - Kenmore, Newmarket & Jamboree Hts.
23/07/2010 5:30 PM - 8:00 PM
If you need to be reminded closer to the event or you would like to be notified of any future changes to the event, you can easily do this by going to the Sun Bae calendar, clicking on the event and add your email address.
For more information, please visit the website:
Thank you.
As you can see the style Classes are outputed as plain text in the email output, so obviously the styles are not applied to the email.
I have tried different ways to get the output correcly but no luck.
Could you please point me in the right direction so that the email output does not have the CSS style classes in plain text.
I hope this clears any confusion with my question Thank you.
Regards,
Dino