Default text for <$title$> and <$description$> not showing up

Bare with me..

I have created a new template that is utilizing 1 repeater region. That repeater region contains two items..

<$title link='true' default='My Title'$>
<$description default='My Description'$>

They are surrounded with the <repeater toc='true'></repeater> pair.

Below this set I have another <$title$> and <$description$> inside another <repeater></repeater> pair and below that I have the <tableofcontents><$repeatertitles$></tableofcontents>

Basically, when I upload the template, preview it, I can see my custom default text in the titles and description.

But when I go to editor mode, my custom default text is replaced with something else, e.g. "Enter your article title". Those instructions are no where in my html code.

I have tried applying a new template to my campaign, deleting the template and uploading it again, updating it, removing and adding items to make sure it's not caching html (which it's not). I am not sure what else I can try.

My code is below, slightly edited.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css" media="screen">
body {
    background-color: #e6e6e6;
    margin: 0;
    padding: 0;
}
a img {
    border: none;
}
table.main {
    background-color: #ffffff;
}
td.permission {
    padding: 10px 0 10px 0;
}
td.permission p {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
}
td.permission p a {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
}
td.header {
    background-color: #49b2f3;
    padding: 0 0 2px 0;
}
td.header h1 {
    font-family: 'Gill Sans', 'Arial Black', sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 0 0 10px;
    padding: 0;
    display: inline;
}
td.date {
    padding: 8px 0 8px 0;
}
td.date p {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
    margin: 0;
    padding: 0;
}
td.sidebar ul {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #49b2f3;
    margin: 10px 0 10px 24px;
    padding: 0;
}
td.sidebar ul li a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #49b2f3;
    text-decoration: none;
}
td.sidebar p {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
    margin: 10px 0 0 0;
    padding: 0;
}
td.sidebar p a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #6cb9ce;
}
td.sidebar h4 {
    font-family: Georgia;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    margin: 14px 0 0 0;
    padding: 0;
}
td.sideHeader h3 {
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
td.sideTitle h3 {
    font-family: Georgia, serif;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
td.mainbar h2 {
    font-family: Georgia;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
td.mainbar h2 a {
    font-family: Georgia;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
td.mainbar h3 {
    font-family: Georgia, serif;
    font-size:14px;
}
td.mainbar p {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
    margin: 10px 0 0 0;
    padding: 0;
}
td.mainbar p.more {
    padding: 0 0 10px 0;
}
td.mainbar p a {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #6cb9ce;
}
td.mainbar p img {
    border-bottom: 4px solid #edc913;
}
td.mainbar ul {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
    margin: 10px 0 10px 0;
    padding: 0;
    list-style-position: inside;
}
td.footer {
    padding: 10px 0 10px 0;
}
td.footer p {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
}
td.heading-top {
    color:#ffffff;
    font-family: Arial;
}
img.article-image {
    float:left;
    margin-right:5px;
    margin-top:5px;
}
</style>
</head>
<body>
<table width="100%" cellspacing="10" cellpadding="0">
  <tr>
    <td align="center" valign="top"><table width="580" border="0" cellspacing="0" cellpadding="0" class="main">
        <tr>
          <td align="center" class="permission"><p>Having trouble reading this email?
              <webversion>View it on your browser</webversion>
              . Not interested anymore?
              <unsubscribe>Unsubscribe Instantly</unsubscribe>
              .</p></td>
        </tr>
        <tr>
          <td height="90" valign="bottom" align="left" class="header"><img src="header.jpg" width="580" height="120" alt="banner" /></td>
        </tr>
        <tr>
          <td align="center"><table width="550" cellspacing="0" cellpadding="0">
              <tr>
                <td class="date" width="330"><p>
                    <$currentmonthname$>
                    <$currentyear$>
                  </p></td>
                <td></td>
                <td width="192"></td>
              </tr>
              <tr align="left" rowspan="3" valign="top">
                <td width="330" valign="top" class="mainbar" align="left"><repeater toc='true'>
                    <table cellpadding="4" cellspacing="0" bgcolor="#49b2f3" width="100%">
                      <tr>
                        <td class="heading-top">Empty</td>
                      </tr>
                    </table>
                    <table cellspacing="0" cellpadding="4" bgcolor="#0067a7" width="100%">
                      <tr>
                        <td><h2>
                            <$title link='true' default='This will not show'$>
                          </h2></td>
                      </tr>
                    </table>
                    <img src="<$imagesrc$>" width="137" class="article-image">
                    <$description default='This never shows either'$>
                    <img src="smallspacer.gif" width="192" height="20" /> <img src="hr.gif" width="329" height="27" /> </repeater></td>
                <td width="28"></td>
                <td width="192" valign="top" class="sidebar" align="left"><table width="100%" cellspacing="0" cellpadding="4" bgcolor="#eeeeee">
                    <tr>
                      <td bgcolor="#49b2f3" class="sideHeader"><h3>Quick Links</h3></td>
                    </tr>
                    <tr>
                      <td><ul>
                          <tableofcontents>
                            <li>
                              <$repeatertitle$>
                            </li>
                          </tableofcontents>
                        </ul></td>
                    </tr>
                  </table>
                  <img src="smallhr.gif" width="190" height="19" /> <img src="smallspacer.gif" width="192" height="20" />
                  <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#49b2f3">
                    <tr>
                      <td class="sideTitle"><h3>Musings & Ponderings</h3></td>
                    </tr>
                  </table>
                  <repeater>
                    <h4>
                      <$title default='No dice'$>
                    </h4>
                    <$description default='<p>No luck</p>'$>
                    <img src="smallhr.gif" width="190" height="19" /> </repeater>
                  <img src="smallspacer.gif" width="192" height="20" />
                  <table width="100%" cellspacing="0" cellpadding="4" bgcolor="#49b2f3">
                    <tr>
                      <td class="sideTitle"><h3>Unsubscribe</h3></td>
                    </tr>
                  </table>
                  <p>Don't want to receive these emails any more? Please
                    <unsubscribe>unsubscribe instantly</unsubscribe>
                    .</p>
                  <img src="smallhr.gif" width="190" height="19" /></td>
              </tr>
            </table></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

Have I formatted something incorrectly? I am going by the list of campaign monitor tags where it says I can have a default='' attribute on my elements.

Thanks

davidaf davidaf, 7 years ago

Hey briggs81

Your code looks fine and just as an extra precaution I tested it out and it performed perfectly.

If you are applying the template to an existing campaign, that could be causing the issue. Can you test it with a brand new campaign and see if it still doesn't show your default text in editor mode? If you still have problems after that, please contact us so we can work with you directly on solving the issue in your specific account.


The Campaign Monitor Blog – HTML email smarts to go with your good looks
zum, 7 years ago

I've a similar problem... I've the code

<repeater>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="contenido">
<tr>
<td><h2><$title$ default='Noticia Secundaria' link='true'></h2>                          
<$description default='<p>Enter body content here</p>'$>
<img src="<$imagesrc link='true' default='boton-contenido.gif'$>"  alt="Ver noticia" width="74" height="19" align="right" />
</td>
</tr>
<tr>
<td style="height: 9px; background-image:url(images/bg-separador.gif); background-position: bottom; background-repeat: repeat-x;"></td>
</tr>
</table>
</repeater>

I can insert the description information, but I can't see the text I've been put on it.

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free