Article title not showing on TABLE OF CONTENTS!

I am editing a template, in which I created a custom repeater layout that includes 2 columns of text with 1 article title for each column. Everything seemed to work out fine, until I noticed that the article title of the right hand column wasn't showing up on the table of contents, even though it had repeatertitle="true" in the singleline tag.

Whenever I try uploading my template it always gives me the same error:

Line number: 382
Problem: Layout not in a repeater    
Solution:
We found a <layout> tag, but it wasn't wrapped in <repeater> and </repeater> tags. Different layouts can only be placed within a repeater.

Line number: 403
Problem: Layout not in a repeater    
Solution:
We found a <layout> tag, but it wasn't wrapped in <repeater> and </repeater> tags. Different layouts can only be placed within a repeater.

I have tried rearranging/ adding repeater and layout tags multiple times in different ways and it always comes up with the same error. Either that or it screws up my whole layout entirely. I'm stumped and any suggestions would be greatly appreciated!!

THE CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) { 
table[class=w0], td[class=w0] { width: 0 !important; }
table[class=w10], td[class=w10], img[class=w10] { width:10px !important; }
table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
table[class=w300], td[class=w300], img[class=w300] { width:110px !important; }
table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
table[class=w360], td[class=w360], img[class=w360] { width:110px !important; }
table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
table[class=w640], td[class=w640], img[class=w640] { width:300px !important; }
table[class*=hide], td[class*=hide], img[class*=hide], p[class*=hide], span[class*=hide] { display:none !important; }
table[class=h0], td[class=h0] { height: 0 !important; }
p[class=footer-content-left] { text-align: center !important; }
#headline p { font-size: 30px !important; }
.article-content, #left-sidebar{ -webkit-text-size-adjust: 90% !important; -ms-text-size-adjust: 90% !important; }
.header-content, .footer-content-left {-webkit-text-size-adjust: 80% !important; -ms-text-size-adjust: 80% !important;}
 } 
/* Client-specific Styles */
#outlook a { padding: 0; }    /* Force Outlook to provide a "view in browser" button. */
body { width: 100% !important; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; display:block !important; } /* Force Hotmail to display emails at full width */
/* Reset Styles */
/* Add 100px so mobile switch bar doesn't cover street address. */
body { background-color: #041f3e; margin: 0; padding: 0; }
img { height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
br, strong br, b br, em br, i br { line-height:100%; }
h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {    color: red !important; }
/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr { border-collapse: collapse; }
.yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
}    /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="74" > blocks in email. */
code {
  white-space: normal;
  word-break: break-all;
}
#background-table { background-color: #041f3e; }
/* Webkit Elements */
#top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #c7c7c7; color: #ededed; }
#top-bar a { font-weight: bold; color: #ffffff; text-decoration: none;}
#footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
/* Fonts and Content */
body, td { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content { font-size: 12px; color: #ededed; }
.header-content a { font-weight: bold; color: #ffffff; text-decoration: none; }
#headline p { color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
#headline p a { color: #444444; text-decoration: none; }
#left-sidebar .toc-item { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #2f82de; margin-top: 0px; margin-bottom: 6px; }
#left-sidebar .toc-item a { color: #2f82de; text-decoration: none; }
#left-sidebar .toc-heading { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height: 15px; color:#777777; font-weight:bold; }
#left-sidebar .toc-heading a { color: #777777; text-decoration: none; }
#left-sidebar .left-column-heading { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height:15px; color: #777777; font-weight:bold; }
#left-sidebar .left-column-heading a { color: #777777; text-decoration:none; }
#left-sidebar .left-column-subhead { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 16px; color: #999999; font-weight: bold; margin-top: 0px; margin-bottom: 16px;}
#left-sidebar .left-column-subhead a { color: #999999; text-decoration:none; }
#left-sidebar .left-column-content { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #7a7a7a; margin-top: 0px; margin-bottom: 16px; }
#left-sidebar .left-column-content a { color: #2f82de; text-decoration: none; }
.article-title { font-size: 18px; line-height:24px; color: #b0b0b0; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.article-title a { color: #b0b0b0; text-decoration: none; }
.article-title.with-meta {margin-bottom: 0;}
.article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
.article-content { font-size: 13px; line-height: 18px; color: #444444; margin-top: 0px; margin-bottom: 18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.article-content a { color: #2f82de; font-weight:bold; text-decoration:none; }
.article-content img { max-width: 100% }
.article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
.article-content li { font-size: 13px; line-height: 18px; color: #444444; }
.article-content li a { color: #2f82de; text-decoration:underline; }
.article-content p {margin-bottom: 15px;}
.footer-content-left { font-size: 12px; line-height: 15px; color: #ededed; margin-top: 0px; margin-bottom: 15px; }
.footer-content-left a { color: #ffffff; font-weight: bold; text-decoration: none; }
.footer-content-right { font-size: 11px; line-height: 16px; color: #ededed; margin-top: 0px; margin-bottom: 15px; }
.footer-content-right a { color: #ffffff; font-weight: bold; text-decoration: none; }
#footer { background-color: #8c8c8c; color: #ededed; }
#footer a { color: #ffffff; text-decoration: none; font-weight: bold; }
#permission-reminder { white-space: normal; }
#street-address { color: #cccccc; white-space: normal; }
</style>
<!--[if gte mso 9]>
<style _tmplitem="74" >
.article-content ol, .article-content ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]--></head><body><table id="background-table" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr>
        <td align="center" bgcolor="#041f3e">
            <table class="w640" style="margin:0 10px;" border="0" cellpadding="0" cellspacing="0" width="640">
                <tbody><tr><td class="w640" height="20" width="640"></td></tr>
                
                <tr>
                    <td class="w640" width="640">
                        <table id="top-bar" class="w640" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="640">
    <tbody><tr>
        <td class="w15" width="15"></td>
        <td class="w325" align="left" valign="middle" width="350">
            <table class="w325" border="0" cellpadding="0" cellspacing="0" width="350">
                <tbody><tr><td class="w325" height="8" width="350"></td></tr>
            </tbody></table>
            <div class="header-content"><singleline>Web Version</singleline><span class="hide">&nbsp;&nbsp;|&nbsp; <preferences lang="en">Update preferences</preferences>&nbsp;&nbsp;|&nbsp; <unsubscribe>Unsubscribe</unsubscribe></span></div>
            <table class="w325" border="0" cellpadding="0" cellspacing="0" width="350">
                <tbody><tr><td class="w325" height="8" width="350"></td></tr>
            </tbody></table>
        </td>
        <td class="w30" width="30"></td>
        <td class="w255" align="right" valign="middle" width="255">
            <table class="w255" border="0" cellpadding="0" cellspacing="0" width="255">
                <tbody><tr><td class="w255" height="8" width="255"></td></tr>
            </tbody></table>
            <table border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
        
        <td valign="middle"><img src="linkedin.png" alt="linkedin icon"="" border="0" height="18" width="18"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="http://www.linkedin.com/company/norsat-international" target="_blank">LinkedIn</a></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><img src="twitter.png" alt="Twitter icon"="" border="0" height="15" width="15"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="https://twitter.com/Norsat" target="_blank">Twitter</a></div></td>
        
        <td class="w10" width="10"></td>
        <td valign="middle"><img src="you-tube.png" alt="Twitter icon"="" border="0" height="18" width="18"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="http://www.youtube.com/user/NorsatInc" target="_blank">Youtube</a></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><forwardtoafriend lang="en"><img src="https://img.createsend1.com/img/templatebuilder/forward-glyph.png" alt="Forward icon"="" border="0" height="14" width="19"></forwardtoafriend></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><forwardtoafriend lang="en">Forward</forwardtoafriend></div></td>
        
    </tr>
</tbody></table>
            <table class="w255" border="0" cellpadding="0" cellspacing="0" width="255">
                <tbody><tr><td class="w255" height="8" width="255"></td></tr>
            </tbody></table>
        </td>
        <td class="w15" width="15"></td>
    </tr>
</tbody></table>
                        
                    </td>
                </tr>
                <tr>
                <td id="header" class="w640" align="center" bgcolor="#ffffff" width="640">
    
    <div style="text-align: center" align="center">
        <a href="http://www.norsat.com">
        <img id="customHeaderImage" label="Header Image" editable="true" src="norsat_newsletter_header_graphic.113348.jpg" class="w640" style="display: inline" align="top" border="0" width="640">
        </a>
    </div>
    
    
</td>
                </tr>
                
                <tr id="twocolumn-content-row"><td class="w640" width="640"><table class="w640" border="0" cellpadding="0" cellspacing="0" width="640">
    <tbody><tr>
        <td class="w15" bgcolor="#e6edf7" width="15"></td>
        <td id="left-sidebar" class="w140" align="left" bgcolor="#e6edf7" valign="top" width="110">
            
            <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                <tr>
                    <td class="w140" width="110">
                        <p class="toc-heading" align="left"><singleline>TABLE OF CONTENTS</singleline></p>
                        <tableofcontents>
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tbody><tr>
                                    <td width="3"></td>
                                    <td valign="top"><p class="toc-item" align="left">•</p></td>
                                    <td width="6"></td>
                                    <td valign="top"><p class="toc-item" align="left"><strong><repeatertitle></strong></p></td>
                                </tr>
                            </tbody></table>
                        </tableofcontents>
                    </td>
                </tr>
                <tr><td class="w140" height="15" width="110"></td></tr>
            </tbody></table>
            
            
            <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                <tr>
                    <td class="w140" width="110">
                        <div class="left-column-heading" align="left"><singleline label="Title">IN OTHER NEWS</singleline></div>
                    </td>
                </tr>
            </tbody></table>
                                
            <repeater>    
                <layout label="Text only">
                    <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                        <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110">
                                <p class="left-column-subhead" align="left"><singleline label="Title">Add a title</singleline></p>
                                <div class="left-column-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                            </td>
                        </tr>
                    </tbody></table>
                </layout>
                                    
                <layout label="Text with image">
                    <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                        <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110"><p class="left-column-subhead" align="left"><singleline label="Title">Add a title</singleline></p></td>
                        </tr>
                        <tr>
                            <td class="w140" width="110"><img editable="true" label="Image" class="w140" border="0" width="110"></td>
                        </tr>
                        <tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110"><div class="left-column-content" align="left"><multiline label="Description">Enter your description</multiline></div></td>
                        </tr>
                    </tbody></table>
                </layout>
            </repeater>
            
        </td>
        <td class="w15" bgcolor="#e6edf7" width="15"></td>
        <td class="w470" bgcolor="#ffffff" valign="top" width="500">
            <table class="w470" border="0" cellpadding="0" cellspacing="0" width="470">
                <tbody><tr><td class="w470" height="30" width="470"></td></tr>
            </tbody></table>
            <table class="w470" border="0" cellpadding="0" cellspacing="0" width="488">
                <tbody><tr>
                    <td class="w30" width="15"></td>
                    <td class="w410" width="454">
                        <repeater>
                                                
                            
                            <layout label="Text only">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with full-width image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w410" width="453"><img editable="true" label="Image" class="w410" border="0" width="455"></td>
                                    </tr>
                                    <tr><td class="w410" height="15" width="453"></td></tr>
                                    <tr>
                                        <td class="w410" width="453">
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="453"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with right-aligned image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table align="right" border="0" cellpadding="0" cellspacing="0">
                                                <tbody><tr>
                                                    <td class="w30" width="15"></td>
                                                    <td><img editable="true" label="Image" class="w220" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w30" height="5" width="15"></td><td></td></tr>
                                            </tbody></table>
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with left-aligned image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table align="left" border="0" cellpadding="0" cellspacing="0">
                                                <tbody><tr>
                                                    <td><img editable="true" label="Image" class="w220" border="0" width="220"></td>
                                                    <td class="w30" width="15"></td>
                                                </tr>
                                                <tr><td></td><td class="w30" height="5" width="15"></td></tr>
                                            </tbody></table>
                                            
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                                                
                            
                            <layout label="Image gallery">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w195" valign="top" width="220">
                                        
                                      
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220"><img editable="true" label="Image" class="w195" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                                <tr>
                                                    <td class="w195" width="220">
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                        <td width="20"></td>
                                        <td class="w195" valign="top" width="220">
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220"><img editable="true" label="Image" class="w195" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                                <tr>
                                                    <td class="w195" width="220">
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                    </tr>
                                </tbody></table>
                            </layout>
                           
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w195" valign="top" width="220">
                                        
                            
                   <layout label="Double Column Text - Left Column">                     
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220">
                                                    
                                          <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                    
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                            </layout>
                                            </td>
                                            
                                        <td width="20"></td>
                                        <td class="w195" valign="top" width="220">
                                        
                              
                                        <layout label="Double Column Text - Right Column">
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                
                                                
                                                    <td class="w195" width="220"><p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                            </layout>
                                        </td>
                                    </tr>
                                </tbody></table>
                        </repeater>
                    </td>
                    <td class="w30" width="19"></td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>
</td></tr>
                <tr>
                    <td class="w640" width="640"><table class="w640" border="0" cellpadding="0" cellspacing="0" width="640">
                        <tbody><tr>
                            <td class="w170" bgcolor="#e6edf7" height="15" width="140"></td>
                            <td class="w470" bgcolor="#ffffff" height="15" width="500"></td>
                        </tr>
                       </tbody></table></td>
                </tr>
                
                <tr>
                <td class="w640" width="640">
    <table id="footer" class="w640" bgcolor="#8c8c8c" border="0" cellpadding="0" cellspacing="0" width="640">
        <tbody><tr><td class="w30" width="30"></td><td class="w580 h0" height="30" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
        <tr>
            <td class="w30" width="30"></td>
            <td class="w580" valign="top" width="360">
            <span class="hide"><p id="permission-reminder" class="footer-content-left" align="left"><span>You're receiving this because you are subscribed to the Norsat email list.</span></p></span>
            <p class="footer-content-left" align="left"><preferences lang="en">Edit your subscription</preferences> | <unsubscribe>Unsubscribe</unsubscribe></p>
            </td>
            <td class="hide w0" width="60"></td>
            <td class="hide w0" valign="top" width="160">
            <p id="street-address" class="footer-content-right" align="right"><span>Norsat International Inc.</span><br>
<span>110 - 4020 Viking Way</span><br>
<span>Richmond, British Columbia, Canada V6V 2L4</span><br>
<span>Phone: 604.821.2800</span><br>
<span>    </span></p>
            </td>
            <td class="w30" width="30"></td>
        </tr>
        <tr><td class="w30" width="30"></td><td class="w580 h0" height="15" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
    </tbody></table>
</td>
                </tr>
                <tr><td class="w640" height="60" width="640"></td></tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table></body></html>
Stephen, 4 years ago

Hi asantos,

Thanks for your question and sorry you're having these template issues here, however after looking at your code here, I think the issue may just be because you've included your "Double Column Text - Left Column" and "Double Column Text - Right Column" layouts inside an additional, nested table within the repeater, as per below:

<table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w195" valign="top" width="220">
                                        
                            
                   <layout label="Double Column Text - Left Column">                     
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220">
                                                    
                                          <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                    
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                            </layout>
                                            </td>
                                            
                                        <td width="20"></td>
                                        <td class="w195" valign="top" width="220">
                                        
                              
                                        <layout label="Double Column Text - Right Column">
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                
                                                
                                                    <td class="w195" width="220"><p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                            </layout>
                                        </td>
                                    </tr>
                                </tbody></table>

As such, if you just take those two layouts out of the table above, and perhaps add a 455px wide table (with a class of "w410") inside each layout instead, you should be fine, so perhaps try that and let us know if you're still not able to import your template here.

asantos, 4 years ago

Thank you for the help Stephen, but I'm still having issues. I did what you recommended but the actual point of my custom layout is so that I can have 2 columns, side by side. If both of those layouts are 455px wide then it spans the width of the whole table and that's not what I want. My original customization is actually both columns within one layout tag which imported perfectly. The only problem was the article title on the right column didn't show on the table of contents and that's what I'm trying to solve. Here's the old code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">
/* Mobile-specific Styles */
@media only screen and (max-device-width: 480px) { 
table[class=w0], td[class=w0] { width: 0 !important; }
table[class=w10], td[class=w10], img[class=w10] { width:10px !important; }
table[class=w15], td[class=w15], img[class=w15] { width:5px !important; }
table[class=w30], td[class=w30], img[class=w30] { width:10px !important; }
table[class=w60], td[class=w60], img[class=w60] { width:10px !important; }
table[class=w125], td[class=w125], img[class=w125] { width:80px !important; }
table[class=w130], td[class=w130], img[class=w130] { width:55px !important; }
table[class=w140], td[class=w140], img[class=w140] { width:90px !important; }
table[class=w160], td[class=w160], img[class=w160] { width:180px !important; }
table[class=w170], td[class=w170], img[class=w170] { width:100px !important; }
table[class=w180], td[class=w180], img[class=w180] { width:80px !important; }
table[class=w195], td[class=w195], img[class=w195] { width:80px !important; }
table[class=w220], td[class=w220], img[class=w220] { width:80px !important; }
table[class=w240], td[class=w240], img[class=w240] { width:180px !important; }
table[class=w255], td[class=w255], img[class=w255] { width:185px !important; }
table[class=w275], td[class=w275], img[class=w275] { width:135px !important; }
table[class=w280], td[class=w280], img[class=w280] { width:135px !important; }
table[class=w300], td[class=w300], img[class=w300] { width:110px !important; }
table[class=w325], td[class=w325], img[class=w325] { width:95px !important; }
table[class=w360], td[class=w360], img[class=w360] { width:110px !important; }
table[class=w410], td[class=w410], img[class=w410] { width:180px !important; }
table[class=w470], td[class=w470], img[class=w470] { width:200px !important; }
table[class=w580], td[class=w580], img[class=w580] { width:280px !important; }
table[class=w640], td[class=w640], img[class=w640] { width:300px !important; }
table[class*=hide], td[class*=hide], img[class*=hide], p[class*=hide], span[class*=hide] { display:none !important; }
table[class=h0], td[class=h0] { height: 0 !important; }
p[class=footer-content-left] { text-align: center !important; }
#headline p { font-size: 30px !important; }
.article-content, #left-sidebar{ -webkit-text-size-adjust: 90% !important; -ms-text-size-adjust: 90% !important; }
.header-content, .footer-content-left {-webkit-text-size-adjust: 80% !important; -ms-text-size-adjust: 80% !important;}
 } 
/* Client-specific Styles */
#outlook a { padding: 0; }    /* Force Outlook to provide a "view in browser" button. */
body { width: 100% !important; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; display:block !important; } /* Force Hotmail to display emails at full width */
/* Reset Styles */
/* Add 100px so mobile switch bar doesn't cover street address. */
body { background-color: #041f3e; margin: 0; padding: 0; }
img { height: auto; line-height: 100%; outline: none; text-decoration: none; display: block;}
br, strong br, b br, em br, i br { line-height:100%; }
h1, h2, h3, h4, h5, h6 { line-height: 100% !important; -webkit-font-smoothing: antialiased; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
h1 a:active, h2 a:active,  h3 a:active, h4 a:active, h5 a:active, h6 a:active {    color: red !important; }
/* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
h1 a:visited, h2 a:visited,  h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
/* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
table td, table tr { border-collapse: collapse; }
.yshortcuts, .yshortcuts a, .yshortcuts a:link,.yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
color: black; text-decoration: none !important; border-bottom: none !important; background: none !important;
}    /* Body text color for the New Yahoo.  This example sets the font of Yahoo's Shortcuts to black. */
/* This most probably won't work in all email clients. Don't include <code _tmplitem="74" > blocks in email. */
code {
  white-space: normal;
  word-break: break-all;
}
#background-table { background-color: #041f3e; }
/* Webkit Elements */
#top-bar { border-radius:6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -webkit-font-smoothing: antialiased; background-color: #c7c7c7; color: #ededed; }
#top-bar a { font-weight: bold; color: #ffffff; text-decoration: none;}
#footer { border-radius:0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; -webkit-font-smoothing: antialiased; }
/* Fonts and Content */
body, td { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.header-content, .footer-content-left, .footer-content-right { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
.header-content { font-size: 12px; color: #ededed; }
.header-content a { font-weight: bold; color: #ffffff; text-decoration: none; }
#headline p { color: #444444; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 36px; text-align: center; margin-top:0px; margin-bottom:30px; }
#headline p a { color: #444444; text-decoration: none; }
#left-sidebar .toc-item { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #2f82de; margin-top: 0px; margin-bottom: 6px; }
#left-sidebar .toc-item a { color: #2f82de; text-decoration: none; }
#left-sidebar .toc-heading { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height: 15px; color:#777777; font-weight:bold; }
#left-sidebar .toc-heading a { color: #777777; text-decoration: none; }
#left-sidebar .left-column-heading { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 11px; line-height:15px; color: #777777; font-weight:bold; }
#left-sidebar .left-column-heading a { color: #777777; text-decoration:none; }
#left-sidebar .left-column-subhead { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 16px; color: #999999; font-weight: bold; margin-top: 0px; margin-bottom: 16px;}
#left-sidebar .left-column-subhead a { color: #999999; text-decoration:none; }
#left-sidebar .left-column-content { font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; font-size: 12px; line-height: 16px; color: #7a7a7a; margin-top: 0px; margin-bottom: 16px; }
#left-sidebar .left-column-content a { color: #2f82de; text-decoration: none; }
.article-title { font-size: 18px; line-height:24px; color: #b0b0b0; font-weight:bold; margin-top:0px; margin-bottom:18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.article-title a { color: #b0b0b0; text-decoration: none; }
.article-title.with-meta {margin-bottom: 0;}
.article-meta { font-size: 13px; line-height: 20px; color: #ccc; font-weight: bold; margin-top: 0;}
.article-content { font-size: 13px; line-height: 18px; color: #444444; margin-top: 0px; margin-bottom: 18px; font-family: 'Helvetica Neue', Arial, Helvetica, Geneva, sans-serif; }
.article-content a { color: #2f82de; font-weight:bold; text-decoration:none; }
.article-content img { max-width: 100% }
.article-content ol, .article-content ul { margin-top:0px; margin-bottom:18px; margin-left:19px; padding:0; }
.article-content li { font-size: 13px; line-height: 18px; color: #444444; }
.article-content li a { color: #2f82de; text-decoration:underline; }
.article-content p {margin-bottom: 15px;}
.footer-content-left { font-size: 12px; line-height: 15px; color: #ededed; margin-top: 0px; margin-bottom: 15px; }
.footer-content-left a { color: #ffffff; font-weight: bold; text-decoration: none; }
.footer-content-right { font-size: 11px; line-height: 16px; color: #ededed; margin-top: 0px; margin-bottom: 15px; }
.footer-content-right a { color: #ffffff; font-weight: bold; text-decoration: none; }
#footer { background-color: #8c8c8c; color: #ededed; }
#footer a { color: #ffffff; text-decoration: none; font-weight: bold; }
#permission-reminder { white-space: normal; }
#street-address { color: #cccccc; white-space: normal; }
</style>
<!--[if gte mso 9]>
<style _tmplitem="74" >
.article-content ol, .article-content ul {
   margin: 0 0 0 24px;
   padding: 0;
   list-style-position: inside;
}
</style>
<![endif]--></head><body><table id="background-table" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody><tr>
        <td align="center" bgcolor="#041f3e">
            <table class="w640" style="margin:0 10px;" border="0" cellpadding="0" cellspacing="0" width="640">
                <tbody><tr><td class="w640" height="20" width="640"></td></tr>
                
                <tr>
                    <td class="w640" width="640">
                        <table id="top-bar" class="w640" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="640">
    <tbody><tr>
        <td class="w15" width="15"></td>
        <td class="w325" align="left" valign="middle" width="350">
            <table class="w325" border="0" cellpadding="0" cellspacing="0" width="350">
                <tbody><tr><td class="w325" height="8" width="350"></td></tr>
            </tbody></table>
            <div class="header-content"><singleline>Web Version</singleline><span class="hide">&nbsp;&nbsp;|&nbsp; <preferences lang="en">Update preferences</preferences>&nbsp;&nbsp;|&nbsp; <unsubscribe>Unsubscribe</unsubscribe></span></div>
            <table class="w325" border="0" cellpadding="0" cellspacing="0" width="350">
                <tbody><tr><td class="w325" height="8" width="350"></td></tr>
            </tbody></table>
        </td>
        <td class="w30" width="30"></td>
        <td class="w255" align="right" valign="middle" width="255">
            <table class="w255" border="0" cellpadding="0" cellspacing="0" width="255">
                <tbody><tr><td class="w255" height="8" width="255"></td></tr>
            </tbody></table>
            <table border="0" cellpadding="0" cellspacing="0">
    <tbody><tr>
        
        <td valign="middle"><img src="linkedin.png" alt="linkedin icon"="" border="0" height="18" width="18"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="http://www.linkedin.com/company/norsat-international" target="_blank">LinkedIn</a></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><img src="twitter.png" alt="Twitter icon"="" border="0" height="15" width="15"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="https://twitter.com/Norsat" target="_blank">Twitter</a></div></td>
        
        <td class="w10" width="10"></td>
        <td valign="middle"><img src="you-tube.png" alt="Twitter icon"="" border="0" height="18" width="18"></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><a href="http://www.youtube.com/user/NorsatInc" target="_blank">Youtube</a></div></td>
        
        
        <td class="w10" width="10"></td>
        <td valign="middle"><forwardtoafriend lang="en"><img src="https://img.createsend1.com/img/templatebuilder/forward-glyph.png" alt="Forward icon"="" border="0" height="14" width="19"></forwardtoafriend></td>
        <td width="3"></td>
        <td valign="middle"><div class="header-content"><forwardtoafriend lang="en">Forward</forwardtoafriend></div></td>
        
    </tr>
</tbody></table>
            <table class="w255" border="0" cellpadding="0" cellspacing="0" width="255">
                <tbody><tr><td class="w255" height="8" width="255"></td></tr>
            </tbody></table>
        </td>
        <td class="w15" width="15"></td>
    </tr>
</tbody></table>
                        
                    </td>
                </tr>
                <tr>
                <td id="header" class="w640" align="center" bgcolor="#ffffff" width="640">
    
    <div style="text-align: center" align="center">
        <a href="http://www.norsat.com">
        <img id="customHeaderImage" label="Header Image" editable="true" src="norsat_newsletter_header_graphic.113348.jpg" class="w640" style="display: inline" align="top" border="0" width="640">
        </a>
    </div>
    
    
</td>
                </tr>
                
                <tr id="twocolumn-content-row"><td class="w640" width="640"><table class="w640" border="0" cellpadding="0" cellspacing="0" width="640">
    <tbody><tr>
        <td class="w15" bgcolor="#e6edf7" width="15"></td>
        <td id="left-sidebar" class="w140" align="left" bgcolor="#e6edf7" valign="top" width="110">
            
            <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                <tr>
                    <td class="w140" width="110">
                        <p class="toc-heading" align="left"><singleline>TABLE OF CONTENTS</singleline></p>
                        <tableofcontents>
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tbody><tr>
                                    <td width="3"></td>
                                    <td valign="top"><p class="toc-item" align="left">•</p></td>
                                    <td width="6"></td>
                                    <td valign="top"><p class="toc-item" align="left"><strong><repeatertitle></strong></p></td>
                                </tr>
                            </tbody></table>
                        </tableofcontents>
                    </td>
                </tr>
                <tr><td class="w140" height="15" width="110"></td></tr>
            </tbody></table>
            
            
            <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                <tr>
                    <td class="w140" width="110">
                        <div class="left-column-heading" align="left"><singleline label="Title">IN OTHER NEWS</singleline></div>
                    </td>
                </tr>
            </tbody></table>
                                
            <repeater>    
                <layout label="Text only">
                    <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                        <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110">
                                <p class="left-column-subhead" align="left"><singleline label="Title">Add a title</singleline></p>
                                <div class="left-column-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                            </td>
                        </tr>
                    </tbody></table>
                </layout>
                                    
                <layout label="Text with image">
                    <table class="w140" border="0" cellpadding="0" cellspacing="0" width="110">
                        <tbody><tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110"><p class="left-column-subhead" align="left"><singleline label="Title">Add a title</singleline></p></td>
                        </tr>
                        <tr>
                            <td class="w140" width="110"><img editable="true" label="Image" class="w140" border="0" width="110"></td>
                        </tr>
                        <tr><td class="w140" height="15" width="110"></td></tr>
                        <tr>
                            <td class="w140" width="110"><div class="left-column-content" align="left"><multiline label="Description">Enter your description</multiline></div></td>
                        </tr>
                    </tbody></table>
                </layout>
            </repeater>
            
        </td>
        <td class="w15" bgcolor="#e6edf7" width="15"></td>
        <td class="w470" bgcolor="#ffffff" valign="top" width="500">
            <table class="w470" border="0" cellpadding="0" cellspacing="0" width="470">
                <tbody><tr><td class="w470" height="30" width="470"></td></tr>
            </tbody></table>
            <table class="w470" border="0" cellpadding="0" cellspacing="0" width="488">
                <tbody><tr>
                    <td class="w30" width="15"></td>
                    <td class="w410" width="454">
                        <repeater>
                                                
                            
                            <layout label="Text only">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with full-width image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="w410" width="453"><img editable="true" label="Image" class="w410" border="0" width="455"></td>
                                    </tr>
                                    <tr><td class="w410" height="15" width="453"></td></tr>
                                    <tr>
                                        <td class="w410" width="453">
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="453"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with right-aligned image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table align="right" border="0" cellpadding="0" cellspacing="0">
                                                <tbody><tr>
                                                    <td class="w30" width="15"></td>
                                                    <td><img editable="true" label="Image" class="w220" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w30" height="5" width="15"></td><td></td></tr>
                                            </tbody></table>
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                            
                            <layout label="Text with left-aligned image">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w410" width="455">
                                            <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                            <table align="left" border="0" cellpadding="0" cellspacing="0">
                                                <tbody><tr>
                                                    <td><img editable="true" label="Image" class="w220" border="0" width="220"></td>
                                                    <td class="w30" width="15"></td>
                                                </tr>
                                                <tr><td></td><td class="w30" height="5" width="15"></td></tr>
                                            </tbody></table>
                                            <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                        </td>
                                    </tr>
                                    <tr><td class="w410" height="10" width="455"></td></tr>
                                </tbody></table>
                            </layout>
                                                
                                                
                            
                            <layout label="Image gallery">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w195" valign="top" width="220">
                                        
                                      
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220"><img editable="true" label="Image" class="w195" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                                <tr>
                                                    <td class="w195" width="220">
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                        <td width="20"></td>
                                        <td class="w195" valign="top" width="220">
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220"><img editable="true" label="Image" class="w195" border="0" width="220"></td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                                <tr>
                                                    <td class="w195" width="220">
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                    </tr>
                                </tbody></table>
                            </layout>
                            
          <layout label="Double Column Text">
                                <table class="w410" border="0" cellpadding="0" cellspacing="0" width="455">
                                    <tbody><tr>
                                        <td class="w195" valign="top" width="220">
                                        
                                      
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220">
                                                    
                                                    <p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                    
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                        <td width="20"></td>
                                        <td class="w195" valign="top" width="220">
                                            <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220">
                                                <tbody><tr>
                                                    <td class="w195" width="220"><p class="article-title" align="left"><singleline repeatertitle="true" label="Article Title">Add a title</singleline></p>
                                                        <div class="article-content" align="left"><multiline label="Description">Enter your description</multiline></div>
                                                    </td>
                                                </tr>
                                                <tr><td class="w195" height="10" width="220"></td></tr>
                                            </tbody></table>
                                        </td>
                                    </tr>
                                </tbody></table>
                            </layout>                  
                            
                            
                            
                        </repeater>
                    </td>
                    <td class="w30" width="19"></td>
                </tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table>
</td></tr>
                <tr>
                    <td class="w640" width="640"><table class="w640" border="0" cellpadding="0" cellspacing="0" width="640">
                        <tbody><tr>
                            <td class="w170" bgcolor="#e6edf7" height="15" width="140"></td>
                            <td class="w470" bgcolor="#ffffff" height="15" width="500"></td>
                        </tr>
                       </tbody></table></td>
                </tr>
                
                <tr>
                <td class="w640" width="640">
    <table id="footer" class="w640" bgcolor="#8c8c8c" border="0" cellpadding="0" cellspacing="0" width="640">
        <tbody><tr><td class="w30" width="30"></td><td class="w580 h0" height="30" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
        <tr>
            <td class="w30" width="30"></td>
            <td class="w580" valign="top" width="360">
            <span class="hide"><p id="permission-reminder" class="footer-content-left" align="left"><span>You're receiving this because you are subscribed to the Norsat email list.</span></p></span>
            <p class="footer-content-left" align="left"><preferences lang="en">Edit your subscription</preferences> | <unsubscribe>Unsubscribe</unsubscribe></p>
            </td>
            <td class="hide w0" width="60"></td>
            <td class="hide w0" valign="top" width="160">
            <p id="street-address" class="footer-content-right" align="right"><span>Norsat International Inc.</span><br>
<span>110 - 4020 Viking Way</span><br>
<span>Richmond, British Columbia, Canada V6V 2L4</span><br>
<span>Phone: 604.821.2800</span><br>
<span>    </span></p>
            </td>
            <td class="w30" width="30"></td>
        </tr>
        <tr><td class="w30" width="30"></td><td class="w580 h0" height="15" width="360"></td><td class="w0" width="60"></td><td class="w0" width="160"></td><td class="w30" width="30"></td></tr>
    </tbody></table>
</td>
                </tr>
                <tr><td class="w640" height="60" width="640"></td></tr>
            </tbody></table>
        </td>
    </tr>
</tbody></table></body></html>
roshodgekiss roshodgekiss, 4 years ago

Hey there asantos, the issue here is that our editor doesn't parse more than one <singleline repeatertitle="true"> in a layout at present, I'm sorry to say. This is why only the first <singleline> is displaying in the TOC.

That said, there is a workaround - using a layout that's half the width of the container, applying align="left", then adding two of them via the editor. You will find that the two layouts will sit flush side-by-side and both titles will feature in the TOC.

To do this, simply replace the "Double Column Text" layout above with the following code:

<layout label="Double Column Text (left-aligned)">
    <table class="w195" border="0" cellpadding="0" cellspacing="0" width="220" align="left">
      <tbody>
        <tr>
          <td class="w195" width="220"><p class="article-title" align="left">
              <singleline repeatertitle="true" label="Article Title">Add a title</singleline>
            </p>
            <div class="article-content" align="left">
              <multiline label="Description">Enter your description</multiline>
            </div></td>
        </tr>
        <tr>
          <td class="w195" height="10" width="220"></td>
        </tr>
      </tbody>
    </table>
  </layout>

In the interim, i'll add your vote internally for multiple repeatertitles in a layout to be featured in a TOC and keep you posted on this one. Thanks, asantos! Let us know how you go :)


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

Thank you, Ros! This was something I hadn't thought of trying. Although it imports without errors, and the TOC works as you said, it's giving me another problem in the editor--the small menu that appears when the mouse hovers over ( Edit | Trash | Move | Add New + ) doesn't appear at all when I hover on my columns. I need to be able to edit the content inside whenever I wish. Any suggestions?

asantos, 4 years ago

Hi Ros,

Sorry for the confusion -- the little menu DOES appear, but there's a bug that makes it appear all the way at the bottom of the page, 3 or 4 scrolls down. Is there some way to correct this? Is there something in my code that needs tweaking? Let me know! Thank you so much you've been a great help so far :) and thank you for adding my vote.

roshodgekiss roshodgekiss, 4 years ago

Hi asantos, I'm so sorry about this! That fault was so obvious when I opened up my test in the editor today, oh boy.

Admittedly, the align trick I used was a bit of a hack and it looks like the editor didn't quite know where to place the menus after adding the layouts side by side like that. However, there is a workaround. Simply add the following 2 lines to your regular (ie. non media query) CSS styles:

span[data-layout="Double Column Text (left-aligned)"] { width: 220px !important; float: left; }
span[data-layout="Double Column Text (left-aligned)"] span.cs-button-block { top: 5px !important; }

Please note that 'Double Column Text (left-aligned)' is your layout label/name (ie. <layout label="" ... > - if you change this in your HTML code, you have to also change it in data-layout="" for this hack to work. The width specified above is also the width of the current layout, so keep that in mind, also :)

Yes, hacks on top of hacks, here! Sorry about the trouble here asantos - hopefully we're on the right track now :P


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