Repeating Content in Templates - Ability to move up and down

Hi,

I hope someone can help with this request. I can get the repeater tag working fine for a simple email but when I try and use the cross head icon to move the content up and down it doesn't work.

My code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Popcorn - New Work Mailer</title>
   <link rel="stylesheet" type="text/css" href="screen.css">
</head>
<body>
<table width="100%" cellspacing="10" cellpadding="0">
   <tr>
      <td align="center" valign="top">
         <table width="600" border="0" cellspacing="0" cellpadding="0" class="main">
            <tr>
               <td height="133" valign="bottom" align="right" class="logo">
                  <a href="http://www.popcornbox.com/"><img src="main_logo.jpg" border="0" width="100" height="88" alt="Popcorn Logo" /></a>
               </td>
            </tr>
            <tr>
               <td align="center">
                  <table width="600" cellspacing="0" cellpadding="0">
                     <tr align="left" valign="top">
                        <td width="600" valign="top" class="mainbar" align="left">
                          <repeater>
                           <table cellspacing="0" cellpadding="0">
                              <tr>
                                 <td>
                                    <h2><$title link="false" default='Enter project title here'$></h2>
                                   <img class="h2-hr" src="hr-big-h2.jpg" border="0" width="600" height="5" alt="" />
                                 </td>
                              </tr>
                           </table>
                                <br /><br /><img src="<$imagesrc link='true'$>" alt="Work Image" align="middle" width="600" height="400" hspace="0" vspace="0" class="inline"><br /><br />
                                <$description default='<p>Enter project text here</p>'$><br />
                          </repeater>
                    <img class="footer-hr" border="0" src="hr-big.jpg" width="600" height="13" alt="" />             
               </td>
            </tr>
            <tr>
               <td align="left" class="footer">
                  <p><a href="http://www.popcornbox.com/"><img src="logo.jpg" border="0" width="126" height="30" align="right" hspace="0" alt="Logo" /></a>Popcorn Design, 7 Tilney Court, Old Street, London EC1V 9BQ <br /><span style="font-weight: bold;">t</span>. 020 7199 9290 &bull; <span style="font-weight: bold;">e</span>. <a href="mailto:studio@popcornbox.com">studio@popcornbox.com</a> &bull; <span style="font-weight: bold;">w</span>. <a href="http://www.popcornbox.com/">popcornbox.com</a><br /><br /></p>
                  <p><forwardtoafriend>Forward</forwardtoafriend> this email to a friend &bull; Email look funny? View it in your <webversion>browser</webversion> &bull; Not interested anymore? <unsubscribe>Unsubscribe</unsubscribe></p>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
</table>
</body>
</html>

The repeater part:

<repeater>
                           <table cellspacing="0" cellpadding="0">
                              <tr>
                                 <td>
                                    <h2><$title link="false" default='Enter project title here'$></h2>
                                   <img class="h2-hr" src="hr-big-h2.jpg" border="0" width="600" height="5" alt="" />
                                 </td>
                              </tr>
                           </table>
                                <br /><br /><img src="<$imagesrc link='true'$>" alt="Work Image" align="middle" width="600" height="400" hspace="0" vspace="0" class="inline"><br /><br />
                                <$description default='<p>Enter project text here</p>'$><br />
                          </repeater>

Preview of the email:

Preview the email here

Many thanks in advance

BThies BThies, 7 years ago

Roscoe,

I copied & pasted your code into a template to try it out, and used the crosshairs to move the sections around without a problem.

What browser are you using?  (I had no problem in IE8 and Firefox)

Also, are you holding and dragging the crosshair, or are you just clicking on the crosshair?  (You'll need to drag the section over the other using the crosshair if you haven't tried that already)

Brian

Brian Thies
Thies Publishing
bthies@thiespublishing.com
www.thiespublishing.com


Brian Thies
Professional Email Developer
Thies Publishing
Roscoe, 7 years ago

I'm using Safari on Mac. When I try to click and drag the crosshair it just copies the icon. I'll give it a go in Firefox.

Roscoe, 7 years ago

Works fine in Firefox. Anywhere to submit this to Campaign Monitor as a bug?

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