Text Styles
All text styles are supported.
Horizontal Dividers
Note: The different styles of dividers are not sent over by Coda, but the fact that a divider exists is sent. For this reason, you’ll see the standard style come through regardless of the divider styling you choose.
Inline Code
Inline-code is fully supported including text styles, colors, and links.
Code Blocks
Note: “Prettyprint” styling is not supported and does not come over from Coda, but colors and styles added with the text editor come through and will display.
Blockquotes
not pull quotes
Coda exports <blockquote>, but not pull quotes. The pull quotes styling stands out a little more, so in emails, blocks quotes are styled more like Coda’s pull quotes.
Buttons
Because the large majority of button uses in Coda are not supported by email clients, Coda doesn’t send over any info about them. However, buttons in an email are only ever used as one thing, a link. So any text link that is on a line by itself is styled as a button in the email.
Pro Tip: Highlight any text link, set a font color, and the button will adopt that color in the email 😮
Lists
All list types are supported, including mixed list types.
Checked list items come through as checked in the email. And if the full list item, or the first paragraph in a multiple paragraphs list item, are highlighted with a text color, the list marker gets that text color as well.
Note: In Coda, an ordered list goes off of the nesting level regardless of if the parent item is also ordered. You’ll see a regular bullet, then the ordered list under it starts with a instead of 1. In emails, you’ll see it start with 1 and reset each time the list type changes.
Images
Email supports PNG, JPG, JPEG, and GIF images. Other image types aren’t likely to show up, so stick to this fully supported list.
Images require a massive amount of special handling to display properly in emails, which is all handled by the pack.
Any text or content type on the same line as the image will force it to an icon size to display inline with the content, see “Inline Images” below. Blank spaces do not count as text or content in this case. Images on the same line, even if they wrap to the next line, will be treated as the same row in the email. If you set an image size with the Image() formula, that size will be used if it’s smaller than what the email calculates as the available space for it. If you set the image alignment to left, right, or center, the image will respect that alignment in the email. Inline Images
Tables
Coda’s most powerful aspect is tables. Because of that, a great deal of extra work was completed to support every feature possible within tables.
All headers within a table are converted to an <h4> style and font sizes and paddings are tightened up. There are a few subtle styling differences between what you see in Coda and how content will display in an email.
Note: What’s not supported is other table layouts. Coda doesn’t export any hints about a table being set as cards, a chart, or detail view. All tables are shown as basic tables including text styling and conditional formatting.
All supported text styles and options for in-table content
Light background conditional formatting
Medium and dark background conditional formatting
Coda
Highlighted text washes out Codeblock content washes out Blockquote border bar doesn’t match the font Text loses it’s font color The first bullet gets a color but the text does not HTML Email Pro
Highlighted text maintains contrast Codeblock content maintains contrast Blockquote border matches the font color Text retains it’s chosen font color Bullet markers are colored properly Checkboxes maintain contrast
Callouts
Coda doesn’t send over any information about the callout style itself, only the content inside the callout. Because of that, there is no way to support actual callout styling in emails at the moment. The content itself will come through though and will retain all text styling for the email.
Canvas Columns
Coda sends the content as a <div> container with no indication of whether it’s in a column or not, so there is no way to support this at the moment. The content does come through, it will just be displayed as full width and stacked instead of columns side by side.
Charts
Coda only sends the basic table, no chart info or even a hint that there is a chart. Any charts, or tables that are not standard table layouts, will come through as regular tables in the email.