Hello all,
For one of my email modules the module thumbnail does not update. This causes alot of confusion between the clients because they cannot see the correct preview so therefore they don't select that module. However for the other modules where I haven't used toggle it works great and the previews are all correct so I am not sure if its something to do with the toggles.
If there is a workaround this then please help me out
I have attached some screenshots.
Capture - shows how it gets displayed.
Capture 2 - shows how it should get displayed.
Yes sure.
Here you go :
<table id="column__two--2-2" class="mktoModule" mktoName="Two Column Variation 2 2" mktoAddByDefault="false" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" style="padding: 10px 10px 10px 10px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="full-width" valign="top" style="padding: 10px 10px 0px 10px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<div id="columnTwo__Title--2-2" class="mktoText" mktoname="Title" style="border-bottom: 5px solid ${emailBgColor}; font-family: ${mainFont}; font-size: 17px; font-weight: bold; line-height: 25px; mso-line-height-rule: extactly; text-align: left; color: ${brandColor1}; ${toggleTitle}">
Title
</div>
</td>
</tr>
<tr>
<td valign="top">
<div id="columnTwo__Text--2-2" class="mktoText" mktoname="Text" style="border-bottom: 10px solid ${emailBgColor}; font-family: ${mainFont}; ${mainFontStyle} color: ${mainColor}; ${toggleText}">
Lorem ipsum dolor sit amet, pri te mutat altera, an vim amet tollit salutandi,
pri id labitur appetere ullamcorper. Cum petentium posidonium temporibus ex.
Te has eius soluta instructior, ei eirmod tractatos mel. Eu stet blandit quo,
eu vix fabellas quaestio. Nostro oblique an qui, has et partem scripserit neglegentur.
</div>
</td>
</tr>
</table>
</td>
<td valign="top" class="full-width ${toggleMobileImage}" style="padding: 10px 10px 10px 10px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" style="padding-top: 5px;">
<div id="columnTwo__Image--2-2" class="mktoImg" mktoname="Image" mktolockimgsize="false">
<img src="http://your.fitch.group/rs/732-CKH-767/images/627x364-infra-63.jpg" alt="" width="206" height="120" border="0" style="border: 0px none; display: block;" />
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
and here are the metas:
<meta class="mktoColor" id="emailBgColor" mktoname="Email Background Color" default="#ffffff" />
<meta class="mktoString" id="mainFont" mktoname="Main Font" default="Arial, sans-serif, 'Lato'" />
<meta class="mktoColor" id="brandColor1" mktoname="Brand Color 1" default="#11175e" />
<meta class="mktoString" id="mainFontStyle" mktoname="Main Font Style" default="font-size: 14px; line-height: 21px; mso-line-height-rule: extactly; text-align: left;" />
<meta class="mktoColor" id="mainColor" mktoname="Main Color" default="#000000" />
<meta class="mktoBoolean" id="toggleText" mktoName="Toggle Text" default="true" false_value="height: 0px; padding: 0px; border: 0px none; font-size: 0px; max-height: 0px; line-height: 0px; display: none; mso-hide: all; overflow: hidden;" true_value="visibility: visible;" false_value_name="Hide Text" true_value_name="Show Text" mktoModuleScope="TRUE" />
<meta class="mktoBoolean" id="toggleTitle" mktoName="Toggle Title" default="true" false_value="height: 0px; max-height: 0px; padding: 0px; border: 0px none; font-size: 0px; line-height: 0px; mso-hide: all; display: none !important; overflow: hidden;" true_value="visibility: visible;" false_value_name="Hide Title" true_value_name="Show Title" mktoModuleScope="TRUE" />
<meta class="mktoBoolean" id="toggleMobileImage" mktoName="Toggle Mobile Image" default="true" false_value="desktop-content" true_value="" false_value_name="Hide Image" true_value_name="Show Image" mktoModuleScope="TRUE" />