Skip to main content

#F5f5f50 人正在讨论

Following the Winter'25 release update this weekend we've noticed some changes with the email templates we use with the new Lightning Email Editor. We've fixed the templates from our side but it's interesting to see that there are some changes to how the editor is working with the html templates.

 

  • If there's a 'background: #F5F5F5;' or 'background-color: transparent;' inline CSS tag it's replaced with 'background-color: #000000;'
  • The <style> tag is stripped but that might have been always the case.

This is not happening with email alerts or apex email sends that use the same templates.

4 条评论
  1. 2024年11月13日 16:44

    We ended up exporting all the active templates from Prod, and doing a find and replace in excel for "transparent" and replaced it will rgba(255,255,255,0) and then updated them via dataloader.   Had to muck around in excel for a while though to clean up some extraneous rows that get inserted with all sorts of junk......I assume that part of the problem has to do with certain control characters being included in the template HTMLvalue field that dataloader/workbench interprets wrong when writing the CSV file.

0/9000

When sending an email via Pardot - how do you modify the preview text? I can't figure out how to get rid of the "*MC_PREVIEW_TEXT*" code from my templates. Do I need to modify the html code of the template or just the text area of the template? 

2 个回答
  1. 2023年11月24日 11:08

    Hello @Amit Kumar, I tried the code with the hidden previous text. However, when I want to insert the image for the email header it didn't appear on the previous. Here's the code : Can you check what went wrong ? 

     

    <!DOCTYPE html>

    <html lang="fr">

    <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Proposition de Partenariat - Winston & Léon</title>

    <style>

    body {

    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

    background-color: #f5f5f5;

    padding: 20px;

    }

    .email-container {

    max-width: 600px;

    margin: 0 auto;

    background-color: #fff;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    }

    h1 {

    color: #333;

    }

    p {

    color: #555;

    line-height: 1.6;

    }

    .btn-container {

    margin-top: 20px;

    }

    .btn {

    display: inline-block;

    padding: 10px 20px;

    text-decoration: none;

    color: #fff;

    font-weight: bold;

    border: none;

    border-radius: 5px;

    cursor: pointer;

    margin-right: 10px;

    }

    .btn-green {

    background-color: black;

    }

    .img-header {

    width: 100%; /* Adjust as needed */

    max-height: 200px; /* Adjust as needed */

    object-fit: cover;

    }

    .small-text {

    font-size: 12px;

    color: #777;

    text-align: center;

    }

    </style>

    </head>

    <body>

    <div pardot-region="hidden-preview-text" pardot-region-type="simple" style="padding: 5px; ">

    <div style="display: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all;">

    </div>

    </div>

    <div class="email-container">

    <img src="LIVING ROOM LUXE.jpg" alt="Header Image" class="img-header">

    <p>Bonjour,</p>

    <p>Je me permets de vous contacter au nom de Winston & Léon ; agence immobilière à Paris spécialisée dans l'immobilier de luxe et la clientèle.</p>

    <p>Nous aimerions développer un partenariat avec vous. Nous pensons que travailler ensemble permettra d'accroître mutuellement notre chiffre d’affaires.</p>

    <p>Les avantages de ce partenariat sont notamment :</p>

    <ul>

    <li>Une commission de 10% à 20% pour chaque transaction conclue</li>

    <li>La promotion de vos services auprès de nos clients existants</li>

    </ul>

    <div class="btn-container">

    <a href="https://calendly.com/lvigier/winston-leon-meeting-with-leonard-vigier" class="btn btn-green">Réserver un rendez-vous</a>

    </div>

    <p>Si vous avez besoin de plus d'informations, n'hésitez pas à nous contacter.</p>

    <p>En attente de votre réponse.</p>

    <p>Bien cordialement,<br>Hazel Jane</p>

    <img src="Signature email 1.png" alt="">

    <p class="small-text">You are receiving this email because you signed up to receive our monthly newsletter at https://www.winston-et-leon.fr/<br>

    <a href="{{Unsubscribe}}" rel="nofollow,noreferrer">Unsubscribe</a> from email communications<br>

    {{{Organization.Address}}}</p>

    </div>

    </body>

    </html>

0/9000

Updated help content and release information

We recently updated the accessibility related help content to a single place inside our help content. Check out Tableau Accessibility for the latest help content. We also added a new page Accessibility Improvements Added by Release which lists accessibility work by release.

 

Accessibility Conformance Reports (VPATs)

 

Documentation

We recently updated the accessibility related help content to a single place inside our help content. Check out Tableau Accessibility for the latest help content.

 

Questions and Tips

We recently updated the accessibility related help content to a single place inside our help content. Check out Tableau Accessibility for the latest help content.

 

 

Examples of Dashboards Designed for Accessibility

 

 Blog Posts

 

Presentations

 

Videos

 

From the Community

48 个回答
  1. 2019年3月29日 22:09

    Hi Kyle,

     

    Thank you very much for sharing information about designing accessible dashboards!  My state agency has been working with our web team on redesigning our dashboards to ensure that they meet the Section 508 requirements.  There have been some challenges, and I hope you will be able to give me some guidance.

     

    One challenge I have is the table below.  The table uses a black and red color to show increase and decrease from a prior year change.  My web team suggested that we include a shape so that color is not the only distinguishable mark on the table as an indicator of the increase/decrease information.  The tooltip will also provide the percent change information.  From your experience, is the red and black colors distinguishable enough in the table?  There aren't many marks but will this table provide a disservice for individuals with color contrast difficulties?

     

    Hi Kyle, Thank you very much for sharing information about designing accessible dashboards! My state agency has been working with our web team on redesigning our dashboards to ensure that they meet th

0/9000

Hi all,

I've created a html file to load Data, when I run this in a Browser it will start and waiting till I confirm with the submit button.

Also it works in the Web Connector Simulator tool.

 

But when I use my Tableau Dektop Version 2019.1.6 it don't wait and the Sumbit Button is not appearing.

 

The html:

 

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>Efficio Web Data Connector</title>

    <!--  In order to use promises, like this example, you will need to include this polyfill to add promises

          functionality to the built in Tableau WDC browser (it does not have ES6 functionality by default)    -->

    <script src="https://www.promisejs.org/polyfills/promise-7.0.4.min.js"></script>

    <script src="https://connectors.tableau.com/libs/tableauwdc-2.3.latest.js" type="text/javascript"></script>

    <script src="http://localhost:85/Efficio/AMP.js"></script>

    <style>

      * {

        padding: 0px;

        margin:  0px;

        font-family: Arial, sans-serif;

        color: ⌗1c1c1c;

      }

      body {

        background-color: ⌗f5f5f5;

        text-align: center;

      }

      h1 {

        margin-top:  30px;

        font-weight: normal;

        margin-bottom: 15px;

      }

      p {

        margin-bottom: 15px;

        line-height: 1.4;

      }

      button {

        padding: 6px 12px;

        background-color: ⌗5cb85c;

        border: 2px solid ⌗4cae4c;

        color: white;

        border-radius: 4px;

        margin: 0 auto;

        font-size: 1.2em;

        transition: background-color .4s, border-color .4s;

      }

      button:hover{

        cursor: pointer;

        background-color: ⌗3c9e3c;

        border-color: ⌗3c9e3c;

      }

    </style>

  </head>

  <body>

    <h1>Efficio Web Data Connector </h1>

    <p>Efficio Web Data Connector <br>using the <a href="http://10.139.0.190:8081/api/public/points/51842/calculations?type=consumption&raster=quarterHour&timePeriod=currentMonth".</p>

    <button id="submitButton" onclick="send()">Get Data</button>

  </body>

</html>

 

May someone know's my problem and can please give me a hint.

 

Thanks

1 个回答
0/9000