Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Mallet Newsletter: Infinitely scrollable tables, input improvements, and brand new UI components
  </title>
  <!--[if !mso]><!-- -->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="Mallet Newsletter: Infinitely scrollable tables, input improvements, and brand new UI components" property="og:title"/>
  <meta content="Mallet Newsletter: Infinitely scrollable tables, input improvements, and brand new UI components" property="og:title"/>
  <meta content="width=device-width,initial-scale=1" name="viewport"/>
  <meta content="HubSpot" name="generator"/>
  <meta content="//retool-7660877.hs-sites.com/-temporary-slug-fde80790-b789-4875-8c89-b99cfde6e8f4" property="og:url"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="noindex,follow" name="robots"/>
 </head>
 <body style="background-color:#f5f5f5;">
  <style type="text/css">
   #outlook a {
      padding: 0;
    }
    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }
    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }
    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }
    p {
      display: block;
      margin: 13px 0;
    }
  </style>
  <!--[if mso]>
        <xml>
        <o:OfficeDocumentSettings>
          <o:AllowPNG/>
          <o:PixelsPerInch>96</o:PixelsPerInch>
        </o:OfficeDocumentSettings>
        </xml>
        <![endif]-->
  <!--[if lte mso 11]>
        <style type="text/css">
          .mj-outlook-group-fix { width:100% !important; }
        </style>
        <![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
      .mj-column-per-100 {
        width: 100% !important;
        max-width: 100% ;
      }
      
      .mj-column-per-50 {
        width: 50% !important;
        max-width: 50%;
      }
      .mj-column-per-33-333333333333336 {
        width: 33.333333333333336% !important;
        max-width: 33.333333333333336%;
      }
    }
  </style>
  <style type="text/css">
   @media only screen and (max-width:480px) {
      table.mj-full-width-mobile {
        width: 100% !important;
      }
      td.mj-full-width-mobile {
        width: auto !important;
      }
    }
  </style>
  <style type="text/css">
   * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    body {
      -webkit-font-smoothing: antialiased !important;
    }
    ul {
      margin: 0;
    }
    li {
      margin-bottom: 8px;
      color: #848EE0
    }
    li span {
      color: #656465;
    }
    li:last-child {
      margin-bottom: 0;
    }
    li strong {
      color: #656465;
      font-weight: 600;
    }
    .link {
      color: #3574E3 !important;
      text-decoration: none !important;
    }
    
    .grey-link {
      color: #979797 !important;
      text-decoration: none !important;
    }  
    @media (max-width: 599px) {
      .hide-mobile table {
        display: none;
        mso-hide: all;
        max-height: 0;
        overflow: hidden;
      }
      .main>table>tbody>tr>td:first-child {
        padding: 20px !important;
      }
      .main {
        border-radius: 6px !important;
      }
    }
  </style>
  <div id="preview_text" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Our latest updates include scrolling tables, pre-built Avatar and Editable Number components, and improved input component customization.
  </div>
  <div style="background-color:#f5f5f5;">
   <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="hide-mobile-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="hide-mobile" style="margin:0px auto;max-width:600px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
        <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
          <tbody>
           <tr>
            <td style="vertical-align:top;padding:0;">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <tr>
                <td style="font-size:0px;padding:0;word-break:break-word;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                 <div style="height:26px;">
                 </div>
                 <!--[if mso | IE]></td></tr></table><![endif]-->
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="main-outlook" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="main widget-span widget-type-email_body" data-widget-type="email_body" style="background:#ffffff;background-color:#ffffff;margin:0px auto;border-radius:6px;max-width:600px;">
    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text" id="hs_cos_wrapper_hs_email_body" style="color: inherit; font-size: inherit; line-height: inherit;">
     <table align="center" cellspacing="0" role="presentation" style="background: #ffffff; width: 100%; border-radius: 6px; border-width: 0px;">
      <tbody>
       <tr>
        <td style="direction: ltr; font-size: 0px; padding: 48px 30px 28px; text-align: center; border-width: 0px;">
         <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:480px;" ><![endif]-->
         <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
          <table cellspacing="0" role="presentation" style="border-width: 0px;" width="100%">
           <tbody>
            <tr>
             <td style="vertical-align: top; padding: 0px; border-width: 0px;">
              <table cellspacing="0" role="presentation" style="width: 100%; border-width: 0px;" width="100%">
               <tbody>
                <tr style="height: 21px;">
                 <td align="left" style="font-size: 0px; word-break: break-word; height: 21px; border-width: 0px; padding: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 100px; border-width: 0px; padding: 0px;">
                      <img alt="Retool logo" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3399nw8s4ngfo.cloudfront.net%252Fhtml_email_assets%252Fretool_logo_lockup_200x40.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkMzM5OW53OHM0biJ9:1mY8pR:7Ahy3RLxV3wrpv3tVhPStAP2n9bTRuumizoEf5hp7jU" style="border: 0; display: block; outline: none; text-decoration: none; height: 20px; width: 100%; font-size: 13px;" width="100"/>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr style="height: 16px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 16px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td style="direction: ltr; font-size: 0px; padding: 0px; text-align: center; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;"><![endif]-->
                  <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;">
                   <table cellspacing="0" role="presentation" style="vertical-align: top; border-width: 0px;" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                       <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                        <tbody>
                         <tr>
                          <td style="width: 550px; border-width: 0px; padding: 0px;">
                           <a data-hs-link-id="0" linktext="  " rel="noopener" target="_blank">
                            <img alt="The Mallet" src="https://inboxflows.com/_/image/https%253A%252F%252Fuserimg-bee.customeriomail.com%252Fimages%252Fclient-env-76159%252Fmallet-header.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1c2VyaW1nLWJlZSJ9:1mY8pR:4ps_-edqXxmKqeMfXlmd_809JR5m2sdUUVwFN0fXytg" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                           </a>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 20px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 20px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   👋  Hello, Retool community! We recently released a few exciting updates including new options in the Inspector across all input components, brand new Avatar and editable number components, and the highly-anticipated ability to create infinitely scrolling tables. Read on to learn more, or stay up-to-date in real time with
                   <a data-hs-link-id="1" data-target-href="https://updates.retool.com/en" rel="noreferrer nofollow noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    our changelog
                   </a>
                   .
                  </div>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; font-weight: 600; line-height: 1.4; text-align: left; color: #262626;">
                   🚀  Product updates
                  </div>
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" rel="noopener" target="_blank">
                       <img alt="Input Improvements" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Finput-improvements-v2-min.gif%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dinput-improvements-v2-min.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1mY8pR:89XzPWUMzpfS49xpty33qT6LVSVLQSirQ7vuu2DjmyY" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/input-improvements-v2-min.gif?upscale=true&amp;width=1100&amp;upscale=true&amp;name=input-improvements-v2-min.gif 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/input-improvements-v2-min.gif?upscale=true&amp;width=2200&amp;upscale=true&amp;name=input-improvements-v2-min.gif 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Input Improvements
                    </span>
                   </strong>
                   —We've added 5 new and improved options across all input components in the Inspector. These include a read-only state, more customizable label widths, decimal places, null values, and an optional “clear” button. Check out the full details in the
                   <a data-hs-link-id="1" rel="noopener" style="color: #3574e3; text-decoration: none;" target="_blank">
                    changelog
                   </a>
                   . 👉
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" linktext="  " rel="noopener" target="_blank">
                       <img alt="Editable Text &amp; Number Components" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Feditable-number-text.png%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Deditable-number-text.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1mY8pR:89XzPWUMzpfS49xpty33qT6LVSVLQSirQ7vuu2DjmyY" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/editable-number-text.png?upscale=true&amp;width=1100&amp;upscale=true&amp;name=editable-number-text.png 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/editable-number-text.png?upscale=true&amp;width=2200&amp;upscale=true&amp;name=editable-number-text.png 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Editable Text &amp; Number Components
                    </span>
                   </strong>
                   —We’ve overhauled Editable Text and added a new Editable Number component. These offer new configuration options, built-in and custom validation rules, and expanded style editor support—all with accessibility and data density in mind. Dive deeper in the
                   <a data-hs-link-id="1" rel="noopener" style="color: #3574e3; text-decoration: none;" target="_blank">
                    changelog
                   </a>
                   . 👉
                  </div>
                 </td>
                </tr>
                <tr style="height: 20px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 20px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 10px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 10px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" linktext="  " rel="noopener" target="_blank">
                       <img alt="Avatar &amp; Avatar Group Components" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Favatar-group.jpeg%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Davatar-group.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1mY8pR:89XzPWUMzpfS49xpty33qT6LVSVLQSirQ7vuu2DjmyY" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/avatar-group.jpeg?upscale=true&amp;width=1100&amp;upscale=true&amp;name=avatar-group.jpeg 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/avatar-group.jpeg?upscale=true&amp;width=2200&amp;upscale=true&amp;name=avatar-group.jpeg 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Avatar &amp; Avatar Group Components
                    </span>
                   </strong>
                   —The new Avatar and Avatar Group components allow you to easily represent users in your app. Display a single user or several users in a stack, all with a customizable labels, alignments, and more! Multiple avatar image sizes, fallback initials, overflow handling, and more are all built in. Learn more in the
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    changelog
                   </a>
                   . 👉
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr style="height: 36px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 36px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr>
                     <td style="width: 550px; border-width: 0px; padding: 0px;">
                      <a data-hs-link-id="0" rel="noopener" target="_blank">
                       <img alt="Infinitely Scrollable Tables" sizes="(max-width: 550px) 100vw, 550px" src="https://inboxflows.com/_/image/https%253A%252F%252Fhs-7660877.f.hubspotemail.net%252Fhub%252F7660877%252Fhubfs%252Finfinite-scroll-min.gif%253Fwidth%253D1100%2526upscale%253Dtrue%2526name%253Dinfinite-scroll-min.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZocy03NjYwODc3LiJ9:1mY8pR:89XzPWUMzpfS49xpty33qT6LVSVLQSirQ7vuu2DjmyY" srcset="https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/infinite-scroll-min.gif?upscale=true&amp;width=1100&amp;upscale=true&amp;name=infinite-scroll-min.gif 550w, https://hs-7660877.f.hubspotemail.net/hub/7660877/hubfs/infinite-scroll-min.gif?upscale=true&amp;width=2200&amp;upscale=true&amp;name=infinite-scroll-min.gif 1100w" style="border: 0; display: block; outline: none; text-decoration: none; height: auto; width: 100%; max-width: 550px; font-size: 13px;" width="550"/>
                      </a>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
                <tr>
                 <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                  <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                   <strong>
                    <span style="color: #262626;">
                     Infinitely Scrollable Tables
                    </span>
                   </strong>
                   —The feature you've all been waiting for—you can now set Table components to infinitely scroll! Choose between paginated and scrolling tables, and either will work with existing table options like server-side pagination. Read on about this highly anticipated update in the
                   <a data-hs-link-id="1" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    changelog
                   </a>
                   . 👉
                   <br/>
                   <br/>
                   <a data-hs-link-id="2" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                    🛠 See everything we’ve shipped in the Retool changelog
                   </a>
                  </div>
                 </td>
                </tr>
                <tr style="height: 26px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 26px; border-width: 0px;">
                  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                  <div style="height: 26px;">
                  </div>
                  <!--[if mso | IE]></td></tr></table><![endif]-->
                 </td>
                </tr>
                <tr style="height: 2px;">
                 <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                  <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                  </p>
                 </td>
                </tr>
                <tr>
                 <td align="center" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                  <table cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px; border-width: 0px;">
                   <tbody>
                    <tr style="height: 36px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 36px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <strong>
                        💡
                        <span style="color: #262626;">
                         From Our Users
                        </span>
                       </strong>
                       <br/>
                       <span>
                       </span>
                       <span style="color: #262626;">
                        <span>
                        </span>
                       </span>
                      </div>
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <br/>
                       <div>
                        <div>
                         The folks over at
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          BoldTech
                         </a>
                         have been writing some
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          great Retool tutorials
                         </a>
                         recently, including one on
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          how to use versioning and the release manager
                         </a>
                         feature in Retool.
                        </div>
                        <div>
                        </div>
                        <div>
                         See how the early-stage teams at Hera HQ, Pawp, Solera Health, Plum, and Upchieve use Retool to move faster while saving previous development time in our latest
                         <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                          Lightning Demos recording
                         </a>
                         .
                        </div>
                        <div>
                        </div>
                        <div>
                         <span>
                          To get more involved in our community, check out
                         </span>
                         <span style="color: #3574e3;">
                          <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                           our forums
                          </a>
                         </span>
                         <span>
                          and
                         </span>
                         <span style="color: #3574e3;">
                          <a data-hs-link-id="0" rel="noopener" style="text-decoration: none; color: #3574e3;" target="_blank">
                           request access
                          </a>
                         </span>
                         <span>
                          to our power users Slack group.
                         </span>
                        </div>
                       </div>
                      </div>
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 20px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 20px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 20px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 2px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                      <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                      </p>
                     </td>
                    </tr>
                    <tr style="height: 36px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 36px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 36px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 0px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <strong>
                        📚
                        <span style="color: #262626;">
                         Recommended Reading
                        </span>
                       </strong>
                       <br/>
                       <span>
                       </span>
                       <span style="color: #262626;">
                        <span>
                        </span>
                       </span>
                      </div>
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       <br/>
                       <div>
                        <div>
                         We love feedback! Check out
                         <a data-hs-link-id="0" style="text-decoration: none; color: #3574e3;" target="_blank">
                          15 little things our users asked for
                         </a>
                         – and we delivered – to make editing and using your apps that much more delightful.
                        </div>
                        <div>
                        </div>
                        <div>
                         Learn why Retool chose to
                         <a data-hs-link-id="0" style="text-decoration: none; color: #3574e3;" target="_blank">
                          build our marketing dashboards from scratch
                         </a>
                         in Retool over a traditional BI tool in an interview with Kevin White, Retool’s marketing lead.
                        </div>
                        <div>
                        </div>
                        <div>
                         Have a Google Sheet that’s driving you crazy? Chris Smith, developer evangelist at Retool, showed us how to
                         <a data-hs-link-id="0" style="text-decoration: none; color: #3574e3;" target="_blank">
                          convert your Google Sheets data to a CRUD app
                         </a>
                         in just 12 minutes.
                        </div>
                       </div>
                      </div>
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="16" style="height:16px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr style="height: 2px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 2px; border-width: 0px;">
                      <p style="margin-bottom: 1em; border-top: solid 1px #e5e5e5; font-size: 1px; margin: 0px auto; width: 100%;">
                      </p>
                     </td>
                    </tr>
                    <tr style="height: 16px;">
                     <td style="font-size: 0px; padding: 0px; word-break: break-word; height: 16px; border-width: 0px;">
                      <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td height="36" style="height:36px;"><![endif]-->
                      <div style="height: 16px;">
                      </div>
                      <!--[if mso | IE]></td></tr></table><![endif]-->
                     </td>
                    </tr>
                    <tr>
                     <td align="left" style="font-size: 0px; padding: 20px 0px 12px; word-break: break-word; border-width: 0px;">
                      <div style="font-family: -apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 15px; line-height: 1.4; text-align: left; color: #656465;">
                       That's all for this month. As always, if you need anything (or just want to say hello), feel free to hit reply.
                       <br/>
                       <br/>
                       Kiersten Nordin
                       <br/>
                       PMM @ Retool
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
              <!--[if mso | IE]></td></tr></table><![endif]-->
             </td>
            </tr>
           </tbody>
          </table>
         </div>
        </td>
       </tr>
      </tbody>
     </table>
    </div>
   </div>
   <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div style="margin:0px auto;max-width:600px;">
    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:24px 48px;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:504px;" ><![endif]-->
        <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
         <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
          <tbody>
           <tr>
            <td style="vertical-align:top;padding:0;">
             <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
              <tbody>
               <tr>
                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                 <div style="font-family:-apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size:13px;line-height:18px;text-align:center;color:#979797;">
                  <span class="grey-link footer-company">
                   ©
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" style="color: #979797;text-decoration: none;" target="_blank">
                    Retool, Inc.
                   </a>
                  </span>
                  <span class="grey-link footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" style="color: #979797;text-decoration: none;" target="_blank">
                    292 Ivy St. San Francisco, CA 94102
                   </a>
                  </span>
                 </div>
                </td>
               </tr>
               <tr>
                <td align="center" style="font-size:0px;padding:0;word-break:break-word;">
                 <div style="font-family:-apple-system, BlinkMacSystemFont, 'Avenir Next', Avenir, 'Segoe UI', 'Helvetica Neue', Helvetica, Noto, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';font-size:13px;line-height:18px;text-align:center;color:#979797;">
                  <span class="footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="color: #979797;text-decoration: none;" target="_blank">
                    Update Email Preferences
                   </a>
                  </span>
                  <span class="footer-bullet">
                   ·
                  </span>
                  <span class="footer-address">
                   <a class="grey-link hubspot-mergetag" data-hs-link-id="0" data-unsubscribe="true" style="color: #979797;text-decoration: none;" target="_blank">
                    Unsubscribe
                   </a>
                  </span>
                 </div>
                </td>
               </tr>
              </tbody>
             </table>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252FcWGb504.na1.hubspotlinks.com%252FBto%252FLY%252B113%252FcWGb504%252FVWYL0q30fmzVW66TfZM11Sm2GW1YzZHS4ykF4MW7Wbrjv8fYFPK2l71/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjV0diNTA0Lm5hMSJ9:1mY8pR:3G1yW4OmuuIk3H6UyZDgOk1LjltmqwnkC6bYgmdCoHA" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
 </body>
</html>