LinkedIn
Twitter
I was able to add html directly to email body and it works. However it will not show the actual value of the column that was added. It is not a virtual column.
Without html it shows the value. After I added the html, even with the column name html encoded, it does not work.
Here is my html code in a google doc.
https://docs.google.com/document/d/1LyuFNWyQEvraDAfaL4KXqfdfU10bJKZRHBs5naNa8hI/edit?usp=sharing (This is prior to removing line breaks in code.)
Account: 662927
App: Login - AppSheet
Hi thanks for your help SkrOYC!
Here is the code:
<head>
<title>RGeneral3</title>
<!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-->
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700">
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700');
@media only screen {
.column, th, td, div, p {font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Roboto",Helvetica,Arial,sans-serif;}
.serif {font-family: "Montserrat",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Roboto",Helvetica,Arial,sans-serif;}
.sans-serif {font-family: "Open Sans",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Roboto",Helvetica,Arial,sans-serif;}
}
a {text-decoration: none;}
img {border: 0; line-height: 100%; max-width: 100%; vertical-align: middle;}
.wrapper {min-width: 700px;}
.row {margin: 0 auto; width: 700px;}
.row .row, th .row {width: 100%;}
.column {font-size: 13px; line-height: 23px;}
.tm-menu-item {display: inline-block;}
.hover-shrink:hover {transform: scale(0.7);}
.video {
display: block !important;
height: auto;
object-fit: cover;
}
@media only screen and (max-width: 699px) {
.wrapper {min-width: 100% !important;}
.row {width: 90% !important;}
.row .row {width: 100% !important;}
.column {
box-sizing: border-box;
display: inline-block !important;
line-height: inherit !important;
width: 100% !important;
word-break: break-word;
-webkit-text-size-adjust: 100%;
}
.mobile-1 {max-width: 8.33333%;}
.mobile-2 {max-width: 16.66667%;}
.mobile-3 {max-width: 25%;}
.mobile-4 {max-width: 33.33333%;}
.mobile-5 {max-width: 41.66667%;}
.mobile-6 {max-width: 50%;}
.mobile-7 {max-width: 58.33333%;}
.mobile-8 {max-width: 66.66667%;}
.mobile-9 {max-width: 75%;}
.mobile-10 {max-width: 83.33333%;}
.mobile-11 {max-width: 91.66667%;}
.mobile-12 {
padding-right: 30px !important;
padding-left: 30px !important;
}
.mobile-offset-1 {margin-left: 8.33333% !important;}
.mobile-offset-2 {margin-left: 16.66667% !important;}
.mobile-offset-3 {margin-left: 25% !important;}
.mobile-offset-4 {margin-left: 33.33333% !important;}
.mobile-offset-5 {margin-left: 41.66667% !important;}
.mobile-offset-6 {margin-left: 50% !important;}
.mobile-offset-7 {margin-left: 58.33333% !important;}
.mobile-offset-8 {margin-left: 66.66667% !important;}
.mobile-offset-9 {margin-left: 75% !important;}
.mobile-offset-10 {margin-left: 83.33333% !important;}
.mobile-offset-11 {margin-left: 91.66667% !important;}
.has-columns {
padding-right: 20px !important;
padding-left: 20px !important;
}
.has-columns .column {
padding-right: 10px !important;
padding-left: 10px !important;
}
.mobile-collapsed .column {
padding-left: 0 !important;
padding-right: 0 !important;
}
.mobile-center {
display: table !important;
float: none;
margin-left: auto !important;
margin-right: auto !important;
}
.mobile-left {
float: none;
margin: 0 !important;
}
.mobile-text-center {text-align: center !important;}
.mobile-text-left {text-align: left !important;}
.mobile-text-right {text-align: right !important;}
.show-on-mobile {
display: table !important;
overflow: visible !important;
line-height: inherit !important;
}
.hide-on-mobile {
display: none !important;
width: 0;
overflow: hidden;
}
.mobile-full-width {
display: table;
width: 100% !important;
}
.mobile-first {display: table-header-group !important;}
.mobile-intermediate {display: table-row !important;}
.mobile-last {display: table-footer-group !important;}
.mobile-first th,
.mobile-intermediate th,
.mobile-last th {
padding-left: 30px !important;
padding-right: 30px !important;
}
.tm-menu[align="center"],
.tm-menu.mobile-center {
width: auto !important;
}
.tm-menu-item {
width: auto !important;
display: inline-block !important;
padding: 0 10px 0 !important;
}
.tm-menu.mobile-vertical .tm-menu-item {
display: block !important;
padding: 0 0 15px 0 !important;
}
.hamburger-menu,
.accordion-content {
max-height: 0;
overflow: hidden;
position: relative;
-ms-transition: max-height .25s ease-in-out;
-webkit-transition: max-height .25s ease-in-out;
transition: max-height .25s ease-in-out;
}
.tm-menu-trigger img {
display: block;
margin: 0 auto !important;
float: none !important;
max-height: none !important;
}
.tm-menu-trigger:hover + .hamburger-menu,
.hamburger-menu:hover {max-height: 300px;}
.accordion-item:hover .accordion-content {max-height: 999px;}
u ~ div .wrapper .tm-menu-trigger img {display: none;}
u ~ div .wrapper .hamburger-menu,
u ~ div .wrapper .accordion-content {max-height: none;}
u ~ div .wrapper .tm-menu .tm-menu-item {display: inline-block !important; padding: 0 10px !important;}
u ~ div .wrapper .tm-menu.mobile-vertical .tm-menu-item {display: block !important;}
.h1 {font-size: 42px !important;}
.h2 {font-size: 28px !important;}
.h3 {font-size: 16px !important;}
.spacer {height: 30px; line-height: 100% !important; font-size: 100% !important;}
.divider th {height: 60px;}
.mobile-padding-top {padding-top: 30px !important;}
.mobile-padding-top-mini {padding-top: 10px !important;}
.mobile-padding-bottom {padding-bottom: 30px !important;}
.mobile-padding-bottom-mini {padding-bottom: 10px !important;}
.mobile-margin-top {margin-top: 30px !important;}
.mobile-margin-top-mini {margin-top: 10px !important;}
.mobile-margin-bottom {margin-bottom: 30px !important;}
.mobile-margin-bottom-mini {margin-bottom: 10px !important;}
.no-border-on-mobile {border: none !important;}
.overlay-bg {background-image: url('images/overlay-dark.png');}
}
</style>
</head>
<body marginwidth="0" marginheight="0" style="margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;" offset="0" topmargin="0" leftmargin="0">
<table class="wrapper" align="center" cellpadding="0" cellspacing="0" width="100%" data-module="Header Centered No Menu" data-thumb="http://www.stampready.net/dashboard/editor/user_uploads/zip_uploads/2022/01/22/RjaA5BytQzfqHlroX1VP0..." data-bgcolor="Outside" data-group="Headers" role="presentation" style="background-color: rgb(255, 255, 255); opacity: 1;">
<tbody><tr>
<td>
<table class="row" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" data-bgcolor="Inside" role="presentation">
<tbody>
<tr>
<th class="column" width="640" style="padding-left: 30px; padding-top: 20px; padding-bottom: 20px; padding-right: 30px;">
<center>
<a href="https://leonmovingtx.com">
<img src="https://leonmovingtx.com/Logo/logo-footer.png" alt="Header Logo" width="190" data-crop="false">
</a>
</center>
</th>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table><table class="wrapper" align="center" cellpadding="0" cellspacing="0" width="100%" data-module="Confirm Email" data-thumb="http://www.stampready.net/dashboard/editor/user_uploads/zip_uploads/2022/01/22/RjaA5BytQzfqHlroX1VP0..." data-bgcolor="Outside" data-group="Notifications" role="presentation" style="background-color: rgb(255, 255, 255);">
<tbody><tr>
<td>
<table class="row" align="center" bgcolor="#F8F8F8" cellpadding="0" cellspacing="0" data-bgcolor="Inside" role="presentation">
<tbody>
<tr>
<td class="spacer" height="6" style="line-height: 80px;" data-height="Top Spacer"> </td>
</tr>
<tr>
<th class="column" width="640" style="padding-left: 30px; padding-right: 30px; font-weight: 400; text-align: left;">
<div class="serif" style="color: rgb(63, 181, 139); font-size: 26px; font-weight: 700; line-height: 36.4px; margin-bottom: 50px;" data-color="Title" data-size="Title"><div>Your next move, easier than you thought... </div></div>
<div class="sans-serif" style="color: rgb(115, 115, 115); font-size: 21px; line-height: 29.4px; margin-bottom: 30px;" data-color="Body" data-size="Body"><div></div><div><div>Greetings <<[Customer ID].[_ComputedName]>>, <div><br><div>Thanks for connecting with us about your upcoming project.
