We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Get started

Dynamic Emails | Forum

Topic location: Forum home » Support » General Questions

B.I. Sep 14 '16

I have an HTML template I've designed that I'd like to use for my Account Suspension email to replace the basic text only message.

I added the HTML coding to the language area, but it didn't apply the design only the text. Is it possible to create and send out dynamic emails?

Attachments:

Dynam.png (37Kb)
plain.png (13Kb)

Team

ross Sep 15 '16

provide the html code you used please?

B.I. Sep 17 '16

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no"><style type="text/css">

body {
width: 100% !important;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;mso-line-height-rule: exactly;
}

table td {
border-collapse: collapse;
}

table td {
border-collapse: collapse;
}

img {
    outline: none;    text-decoration: none;    -ms-interpolation-mode: bicubic;
}

a img {
    border: none;
}

@media only screen and (max-device-width: 480px) {
    table[id="outercontainer_div"] {
        max-width: 480px !important;
}

    table[id="nzInnerTable"],    table[class="nzpImageHolder"],    table[class="imageGroupHolder"] {
        width: 100% !important;        min-width: 320px !important;
}

    table[class="nzpImageHolder"] td, td[class="table_seperator"], td[class="table_column"]    {
        display: block !important;        width: 100% !important;
}

    table[class="nzpImageHolder"] img   {
        width: 100% !important;
}

    table[class="nzpButt"] {
        display: block !important;        width: auto !important;
}

       #nzInnerTable td, #outercontainer_div td {
padding: 0px !important; margin: 0px !important;
}}
</style>
</head>
<body style="padding: 0; margin: 0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; background: #003366; " >
<table width="100%" cellpadding="30" id="outercontainer_div">
<tr>
<td align="center">
<table width="900" bgColor="#3399cc" cellpadding="15" cellspacing="0" id="nzInnerTable" border="0" style="border: 5px solid #ff0000;">
<tr>
<td>
<div id="innerContent">
<table width="100%" cellspacing="0" cellpadding="0" style="padding: 0px; padding-top: 0px; padding-bottom: 50px;">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" style="">
<tr>
<td valign="top" align="left" style="padding: 0px; background-color: ;">
<table cellpadding="0" cellspacing="0" align="left" style="margin-right: 50px; " class="nzpImageHolder">
<tr>
<td width="1">
<a href="" target="_blank">
<img src="https://sitename.com/imgs/bin new logo.png" class="txtImg editableImg" id="img-2" width="260" border="0" alt="" title="">
</a>
</td>
</tr>
</table>
<div id="txtHolder-2" class="txtEditorClass" style="color: #ffffff; font-size: 16px; font-family: 'Verdana'; text-align: Left;">
<div style="text-align: center;">
<span style="font-style: italic;">
<span style="font-weight: bold;">
<font size="7">
<br>
Your Account has been
<span style="color: rgb(255, 0, 0);">SUSPENDED</span>!
</font>
</span>
</span>
<br>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" style="padding: 0px; padding-top: 0px; padding-bottom: 50px;">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" style="">
<tr>
<td bgColor="">
<div id="txtHolder-3" class="txtEditorClass" style="color: #ffffff; font-size: 16px; font-family: 'Verdana'; text-align: Left">
<b>Dear {$realName},
<br>
<br>
{$suspendReason}
<br>
<br>
Thank you,
<br>
Abuse Team
<br>
company name
<br>
{$site_name}
</b>
<span id="yui_3_17_2_3_1473905842898_1178" itemprop="text" class="ya-q-full-text">
</span>
<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="10" >
<tr>
<td align="Center" bgColor="#000000">
<div>
<div id="txtHolder-4" class="txtEditorClass" style="color: #FFFFFF; font-size: 10px; font-family: 'Verdana';">
<b>
Copyright Â© 2010-2016 companyname. All Rights Reserved.
<br>
</b>
</div>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

B.I. Sep 17 '16

Quote from Luisi I see you managed...hehee B R A V O

Not sure if that's a complement, a joke, sarcasm, or an insult.

The Forum post is edited by B.I. Sep 17 '16

Team

ross Sep 20 '16

B.I we just tested your code. See screenshot what we got inbox. Do you get the same?

Please try inline css styles and see if the issue persists.

Attachments:

Screenshot from 2016-09-20 12:11:51.png (669Kb)

B.I. Sep 20 '16

Quote from Luisi I have everything written in html code all post and it is okay

I have just the problem with html code Matchmaking?
Screenshot:

Unfortunately, Luisi, I'm unable to help you right now. You may want to create your own topic to get more personalized help.

Quote from ross B.I we just tested your code. See screenshot what we got inbox. Do you get the same?

Please try inline css styles and see if the issue persists.

That's strange, Ross. When I sent the suspension to my testing email all I receive is in the image provided below. And my mail client is set to display the entire HTML design, it's NOT set to simplified or text only.

Attachments:

suspend test.png (54Kb)

Team

ross Sep 21 '16

I pasted everything besides meta information in the head of the document, please try it this way as well.

B.I. Sep 23 '16

Tried that and even tried using a different mail client, but it still fails to load. Though, in the preview view panel it shows the html, but doesn't show the content in the main message. (photo attached)

Attachments:

difcli.png (24Kb)

Team

ross Sep 26 '16

Please look here what inline style is: http://www.w3schools.com/html/html_css.asp

B.I. Sep 26 '16

Ross, I don't know whether you're talking to me or Luisi. This thread is getting muddy with responses that don't relate or help in this situation.

All I know is that my email coding DOES WORK and it works in many other programs, just not Oxwall. I'm looking for a fix specifically for Oxwall.

#10

Team

ross Sep 26 '16

Which is why we told you to use inline css styles to make it work and remove all meta information from your code.

#11

Oxwall Software

Please sign in

We build. You grow.

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Dynamic Emails | Forum