noahanan

That's a good way too. For us we wanted exactly 2 options. ... View more

A list of the two options worked and was the easiest thing to implement. ... View more

Maybe I could do a list? And it would be zero or 20? Would that work? The goal is to give as little freedom as possible. ... View more

This is way over my head unfortunately. ... View more

I appreciate your candor. I will read the article anyway, but probably will not attempt. I have a clunky idea in mind already brewing as a last resort, just to use one big old fashioned table and paste in the free text box. Not elegant but it will solve it.  ... View more

@SanfordWhiteman  Thank you for your reply. I believe I do indeed need to use Velocity but I have never scripted for email and never learned Velocity.  Is it possible for me to do this on my own? Where would I even start? I read the documentation and it is a lot, much of it went over my head. I'm willing to try but I need to know if there's any chance of me succeeding. ... View more

Thanks! I will reply again after trying that article and the Docs!     ... View more

Thank you Dave for the thoughtful answer. I will talk to the team about this, because they specifically asked me to develop it in such a way that the users will only be responsible for the words and the pictures and not touch anything in the layout. They told me not to give them variables for spaces and colors at all. Ideally, I would like to know if we should use velocity here? I have never scripted for Marketo before but if they give me the green light to try I am a very good student! But I want to know if that can even work here at all.  I can share the code, but I will tell you that it's not finished yet in terms of testing it across the different email clients and for mobile yet, so don't rip me apart ha ha!  This is the specific module code: <!-- FEATURE LIST START --> <table class="mktoModule m_feature-list" id="feature-list" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" mktoname="Feature List Row"> <tbody> <tr> <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#ffffff" bgcolor="#ffffff" valign="top"> <table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="815"> <tbody> <tr> <td class="" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:20px;font-size:20px" height="20px">&nbsp;</td> </tr> <tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <center> <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="330"> <tbody> <tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <!--Article image--> <tr> <td class="photo" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <div class="mktoImg" id="list-img" mktoName="List Image"> <a> <img style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 330px;" height="auto" width="330" src="(removed for privacy)"> </a> </div> </td> </tr> <!--Spacer--> <!--Spacer--> <tr> <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:0x;font-size:0;" height="0">&nbsp;</td> </tr> <tr class="stack-tablet" style="padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;"> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td> </tr> </tbody> </table> </td> </tr> <tr class="stack-smartphone" style="padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;"><td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td></tr> </tbody> </table> <table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="470"> <tbody> <tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <div class="mktoText" id="feature-list-label" mktoName="Feature List Label"> <h2 class="label feature-list" >Label Text Goes Here</h2> </div> </td> </tr> <!--Spacer--> <tr> <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:12px;font-size:12px;background-color:#ffffff" height="12">&nbsp;</td> </tr> <tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; padding-bottom: 0"> <div class="mktoText" id="feature-list-title" mktoName="Feature List Title"> <h2 class="feature-list" >Title Text Goes Here</h2> </div> </td> </tr> <!--Spacer--> <tr> <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:12px;font-size:12px;background-color:#ffffff" height="12">&nbsp;</td> </tr> <tr> <td data-medium-editor-element="true" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;text-align: left;font-family:Arial, sans-serif;font-weight: 400;font-size: 17px;border-collapse: collapse;letter-spacing: 0.02em; margin:0;padding:0;line-height:25px;"><div class="mktoText" id="feature-list-body" mktoName="Feature List Text"> <p class="feature-list" style="margin: 0; padding: 0;" >Article Copy Goes Here</p> </div></td> </tr> <!--Spacer--> <tr> <td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:20px;font-size:20px;background-color:#ffffff" height="20">&nbsp;</td> </tr> <!--CTA--> <tr style="outline: medium none;"> <td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> <center> <table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" > <a href="${ctaLinkFeature}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-size: 20px;font-family:Arial, sans-serif;color: #000000;padding-top: 0px;margin-right: 5px;padding-bottom: 2px;margin-left:0px;display: inline-block;border-bottom-width:2px;border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-style: solid;border-left-style: solid;border-bottom-color:#00b7b4;text-decoration: none;font-weight: 700; letter-spacing: 0.02em;margin-top: 0px;margin-bottom: 30px;">${ctaTextFeature}</a> <div style="display: inline; font-size: 20px;"> → </div> </td> </tr> </tbody></table> </center> </td> </tr> <tr class="stack-tablet" style="padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;"><td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">&nbsp;</td></tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </td> </tr> <!--horizontal line--> <tr> <td><hr noshade="" color="#c2becb" size="1" style="color: #c2becb; margin-top: 0;"></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!-- FEATURE LIST END --> ... View more