Multiline Default Content

Hi,
I have two <multiline> sections outside of the <repeater> area in a template I am building.

I want to have a different default content for each of the multiline sections. But the first multiline is always picking up the default content of the second one.

Could you tell me if what I am trying to do 'should' be possible.

Hope I have explained clearly.
Many thanks

roshodgekiss roshodgekiss, 5 years ago

Hi wizontheweb, could you possibly post your code here for us to take a look at? In theory, this shouldn't be happening, so we'll be keen to see if it's something that can be fixed in code, or a glitch on our end. Thanks for letting us know about this!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
wizontheweb, 5 years ago

Hi,
Here we go :-

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CWGC - Commonwealth War Games Commission</title>
<style type="text/css">
<!--
body {
    background-color: #f2f2f2;
}
p, li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #BF2826;
}
.style2 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;

}

.style2 a {color:#666666;font-weight:bold;text-decoration:none}
.style3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
h2 {
    margin-left:10px;
    margin-right:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}
#bottom{
}

.bottom li{
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
}

.bottom p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
}


.bottom a{
    color: #FFFFFF;
    text-decoration: none;
}

.bottom a:hover{
    text-decoration: underline;
}
.style12 {
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
}
.style14 {color: #BF2826}
.style15 {
    color: #347630;
    font-weight: bold;
}
.style16 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}
.style17 {
    color: #BF2826;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
-->
</style>
</head>

<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="FFFFFF">
  <tr>
    <td width="30" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" /></td>

    <td width="540"><table width="540" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td><img src="CWGC-banner.jpg" alt="CWGC - Commonwealth War Graves Commission" width="416" height="111" /></td>
        <td width="123"><img editable="true" src="pdf.jpg" alt="PDF Version &gt;" width="123" height="30" border="0" /></a><br />
            <webversion><img src="web.jpg" alt="Web version &gt;" width="123" height="30" border="0" /></webversion</td>
      </tr>
      <repeater>
      <layout label="Just Text">

      <tr>
    
        <td><h1 class="style1"><singleline label="Title">Lorem ipsum dolor sit amet consectetur</singleline></h1>

          <p class="style2"><multiline label="Description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</multiline> </p>
          
        
      </tr>
      </layout>
      <layout label="Two Column">
      <tr>

        <td colspan="2"><table width="540" border="0" cellspacing="0" cellpadding="0">
          <tr>

            <td valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0" bgcolor="#f2f2f2">
              <tr>
                <td><img src="redstrip.jpg" alt="red strip" width="260" height="9" /></td>
              </tr>
              <tr>
                <td><h2 class="style3"><singleline label="Header1">Excepteur snt ocaecat cupdatat non proident occaecat cupida</singleline></h2></td>
              </tr>
              <tr>

                <td><img editable="true" label='Block 1 Image'src="image1.jpg" alt="image 1" width="260" height="140" /></td>
              </tr>
              <tr>
                <td valign="top" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="10">
                    <tr>
                      <td><p class="style2"><multiline label="Description1">Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venc iami ut aliquip ex ea com edt.</multiline> </p>
                          

                        <p class="style2"><img editable="true" src="ReadMore.png" width="112" alt="Read more" border="0"></p></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td><img src="30pxfillerwhite.jpg" alt="filler" width="20" height="8" /></td>
            <td valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0" bgcolor="#f2f2f2">
              <tr>
                <td><img src="redstrip.jpg" alt="red strip" width="260" height="9" /></td>

              </tr>
              <tr>
                <td><h2 class="style3"><singleline label="Header2">Lorem ipsum dolor sit amet, consectetur adipisicing elit</singleline></h2></td>
              </tr>
              <tr>
                <td><img editable="true" label='Block 2 Image' src="image2.jpg" alt="image 2" width="260" height="140" /></td>
              </tr>
              <tr>

                <td valign="top" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="10">
                  <tr>
                    <td><p class="style2"><multiline label="Description2">Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venc iami ut aliquip ex ea com edt.</multiline> </p>
                      
                      <p class="style2"><img editable="true" src="ReadMore.png" width="112" alt="Read more" border="0"></p></td>
                  </tr>
                </table>                  </td>

              </tr>
            </table></td>
          </tr>
        </table></td>
        </tr>
        <tr>
         <td><img src="30pxfillerwhite.jpg" alt="filler" width="260" height="20" /></td>
        </tr>
            </layout>
      </repeater>     
    </table></td>
    <td width="30" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" /></td>
  </tr>
  <tr>

    <td colspan="3" valign="top" background="redpanel_bgd.jpg"><table width="600" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
        <td valign="top"><table width="540" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="64%" height="71">&nbsp;</td>
            <td width="2%">&nbsp;</td>
            <td width="34%">&nbsp;</td>
          </tr>

          <tr>
            <td valign="top" class="bottom">
              <multiline label="Article Links">
              <p class="style12">And Also</p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              </multiline>
            </td>
            <td><img src="30pxfillerred.jpg" alt="filler" width="15" height="15" /></td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img editable="true"src="image3.jpg" alt="image 3" width="181" height="118" /></td>
              </tr>
              
            </table></td>
          </tr>

        </table></td>
        <td width="30" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td bgcolor="#C02726">&nbsp;</td>
    <td colspan="2" bgcolor="#C02726">&nbsp;</td>
  </tr>

  <tr>
    <td bgcolor="#FFFFFF"><p>&nbsp;</p></td>
    <td colspan="2" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr valign="top">
        <td width="343" height="122" valign="middle"><table width="88%" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="middle">
            <multiline label="Contact Details">
            <p class="style2">Commonwealth War Graves Commission<br />
              2 Marlow Road, Maidenhead, Berkshire, SL6 7DX. United Kingdom</p>

              <p class="style2"> t: +44 (0) 1628 507200 <br />
                e: <a href="mailto:info@cwgc.org">info@cwgc.org</a><br />
                w: <a href="http://www.cwgc.org">www.cwgc.org</a></p>
            </multiline>
              <p class="style2"></p></td>
          </tr>
        </table>        <p class="style2">&nbsp;</p>

          </td>
        <td width="15" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="15" height="15" align="top" /></td>
        <td width="181" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="7%" valign="middle"><p><img src="30pxfillerwhite.jpg" alt="filler" width="13" height="13" align="top" /></p></td>
            <td width="46%" height="50" valign="middle"><span class="style15">Follow us on</span></td>
            <td width="22%" valign="middle"><a href="http://twitter.com/#!/CWGC" target="_blank"><img src="twitter.jpg" alt="Twitter" width="39" height="27" border="0" /></a></td>
            <td width="25%" valign="middle"><a href="http://www.facebook.com/commonwealthwargravescommission" target="_blank"><img src="facebook.jpg" alt="Facebook" width="39" height="27" border="0" /></a></td>

          </tr>
        </table>          
          <img src="signup.jpg" alt="Sign up for our newsletter" width="181" height="29" border="0" align="top" editable="true"/><br />
          <forwardtoafriend><img src="friend.jpg" alt="Forward email to a friend" width="181" height="29" border="0" align="top" /></forwardtoafriend></td>
        <td width="31" valign="top" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
      </tr>

    </table></td>
  </tr>
  <tr>

    <td bgcolor="#f2f2f2">&nbsp;</td>
    <td colspan="2" bgcolor="#f2f2f2"><p class="style2"><preferences>Change email address / edit contact details &gt;</preferences></p>
      <p class="style16">If you no longer wish to receive emails from the Commonwealth War Graves Commission 
        please <unsubscribe>click here</unsubscribe></p></td>
  </tr>
</table>
</body>
</html>

Many thanks

roshodgekiss roshodgekiss, 5 years ago

Hi wizontheweb, I noticed that there were a couple of broken tags and unclosed table cells in the above code. After fixing these, the two multiline regions seemed to display unique default content from one another.

Below is the updated code. Import this as a new template (instead of updating the old one) and let me know how you go. Good luck! :D

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CWGC - Commonwealth War Games Commission</title>
<style type="text/css">
<!--
body {
    background-color: #f2f2f2;
}
p, li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #BF2826;
}
.style2 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;

}

.style2 a {color:#666666;font-weight:bold;text-decoration:none}
.style3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
}
h2 {
    margin-left:10px;
    margin-right:10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}
#bottom{
}

.bottom li{
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
}

.bottom p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
}


.bottom a{
    color: #FFFFFF;
    text-decoration: none;
}

.bottom a:hover{
    text-decoration: underline;
}
.style12 {
    font-size: 15px;
    color: #666666;
    font-weight: bold;
}
.style14 {color: #BF2826}
.style15 {
    color: #347630;
    font-weight: bold;
}
.style16 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}
.style17 {
    color: #BF2826;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
-->
</style>
</head>

<body>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="FFFFFF">
  <tr>
    <td width="30" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" /></td>

    <td width="540"><table width="540" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td><img src="CWGC-banner.jpg" alt="CWGC - Commonwealth War Graves Commission" width="416" height="111" /></td>
        <td width="123"><img editable="true" src="pdf.jpg" alt="PDF Version &gt;" width="123" height="30" border="0" /><br />
            <webversion><img src="web.jpg" alt="Web version &gt;" width="123" height="30" border="0" /></webversion></td>
      </tr>
      <repeater>
      <layout label="Just Text">

      <tr>
    
        <td><h1 class="style1"><singleline label="Title">Lorem ipsum dolor sit amet consectetur</singleline></h1>

          <p class="style2"><multiline label="Description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</multiline> </p></td>
          
        
      </tr>
      </layout>
      <layout label="Two Column">
      <tr>

        <td colspan="2"><table width="540" border="0" cellspacing="0" cellpadding="0">
          <tr>

            <td valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0" bgcolor="#f2f2f2">
              <tr>
                <td><img src="redstrip.jpg" alt="red strip" width="260" height="9" /></td>
              </tr>
              <tr>
                <td><h2 class="style3"><singleline label="Header1">Excepteur snt ocaecat cupdatat non proident occaecat cupida</singleline></h2></td>
              </tr>
              <tr>

                <td><img editable="true" label='Block 1 Image' src="image1.jpg" alt="image 1" width="260" height="140" /></td>
              </tr>
              <tr>
                <td valign="top" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="10">
                    <tr>
                      <td><p class="style2"><multiline label="Description1">Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venc iami ut aliquip ex ea com edt.</multiline> </p>
                          

                        <p class="style2"><img editable="true" src="ReadMore.png" width="112" alt="Read more" border="0" /></p></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td><img src="30pxfillerwhite.jpg" alt="filler" width="20" height="8" /></td>
            <td valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0" bgcolor="#f2f2f2">
              <tr>
                <td><img src="redstrip.jpg" alt="red strip" width="260" height="9" /></td>

              </tr>
              <tr>
                <td><h2 class="style3"><singleline label="Header2">Lorem ipsum dolor sit amet, consectetur adipisicing elit</singleline></h2></td>
              </tr>
              <tr>
                <td><img editable="true" label='Block 2 Image' src="image2.jpg" alt="image 2" width="260" height="140" /></td>
              </tr>
              <tr>

                <td valign="top" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="10">
                  <tr>
                    <td><p class="style2"><multiline label="Description2">Lorem ipsum dolor sit amet, consectetur adip isicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venc iami ut aliquip ex ea com edt.</multiline> </p>
                      
                      <p class="style2"><img editable="true" src="ReadMore.png" width="112" alt="Read more" border="0" /></p></td>
                  </tr>
                </table>                  </td>

              </tr>
            </table></td>
          </tr>
        </table></td>
        </tr>
        <tr>
         <td><img src="30pxfillerwhite.jpg" alt="filler" width="260" height="20" /></td>
        </tr>
            </layout>
      </repeater>     
    </table></td>
    <td width="30" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" /></td>
  </tr>
  <tr>

    <td colspan="3" valign="top" background="redpanel_bgd.jpg"><table width="600" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
        <td valign="top"><table width="540" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="64%" height="71">&nbsp;</td>
            <td width="2%">&nbsp;</td>
            <td width="34%">&nbsp;</td>
          </tr>

          <tr>
            <td valign="top" class="bottom">
              <multiline label="Article Links">
              <p class="style12">And Also</p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              <p><a href="#">Article one link &gt;</a></p>
              </multiline>
            </td>
            <td><img src="30pxfillerred.jpg" alt="filler" width="15" height="15" /></td>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img editable="true"src="image3.jpg" alt="image 3" width="181" height="118" /></td>
              </tr>
              
            </table></td>
          </tr>

        </table></td>
        <td width="30" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td bgcolor="#C02726">&nbsp;</td>
    <td colspan="2" bgcolor="#C02726">&nbsp;</td>
  </tr>

  <tr>
    <td bgcolor="#FFFFFF"><p>&nbsp;</p></td>
    <td colspan="2" valign="top"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr valign="top">
        <td width="343" height="122" valign="middle"><table width="88%" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr>
            <td valign="middle">
            <multiline label="Contact Details">
            <p class="style2">Commonwealth War Graves Commission<br />
              2 Marlow Road, Maidenhead, Berkshire, SL6 7DX. United Kingdom</p>

              <p class="style2"> t: +44 (0) 1628 507200 <br />
                e: <a href="mailto:info@cwgc.org">info@cwgc.org</a><br />
                w: <a href="http://www.cwgc.org">www.cwgc.org</a></p>
            </multiline>
              <p class="style2"></p></td>
          </tr>
        </table>        <p class="style2">&nbsp;</p>

          </td>
        <td width="15" valign="top"><img src="30pxfillerwhite.jpg" alt="filler" width="15" height="15" align="top" /></td>
        <td width="181" class="style2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="7%" valign="middle"><p><img src="30pxfillerwhite.jpg" alt="filler" width="13" height="13" align="top" /></p></td>
            <td width="46%" height="50" valign="middle"><span class="style15">Follow us on</span></td>
            <td width="22%" valign="middle"><a href="http://twitter.com/#!/CWGC" target="_blank"><img src="twitter.jpg" alt="Twitter" width="39" height="27" border="0" /></a></td>
            <td width="25%" valign="middle"><a href="http://www.facebook.com/commonwealthwargravescommission" target="_blank"><img src="facebook.jpg" alt="Facebook" width="39" height="27" border="0" /></a></td>

          </tr>
        </table>          
          <img src="signup.jpg" alt="Sign up for our newsletter" width="181" height="29" border="0" align="top" editable="true"/><br />
          <forwardtoafriend><img src="friend.jpg" alt="Forward email to a friend" width="181" height="29" border="0" align="top" /></forwardtoafriend></td>
        <td width="31" valign="top" bgcolor="#FFFFFF"><img src="30pxfillerwhite.jpg" alt="filler" width="30" height="30" align="top" /></td>
      </tr>

    </table></td>
  </tr>
  <tr>

    <td bgcolor="#f2f2f2">&nbsp;</td>
    <td colspan="2" bgcolor="#f2f2f2"><p class="style2"><preferences>Change email address / edit contact details &gt;</preferences></p>
      <p class="style16">If you no longer wish to receive emails from the Commonwealth War Graves Commission 
        please <unsubscribe>click here</unsubscribe></p></td>
  </tr>
</table>
</body>
</html>

Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098