Exact Forms Plus!
Include HTML in your documents
You can include HTML tags in a text field that has the Allow HTML field property checked. When including that field in the template, the HTML code is converted inside the output Word or PDF document. We support additional HTML tags not supported by Quickbase. They may not show up properly in your Quickbase app, but the generated document converts them properly.
XHTML 1.0 Strict is preferred—XHTML 1.0 Transitional is also acceptable.
The following references can help validate the HTML code for XHTML compliance.
Note
If you're trying to validate just a set of HTML tags, copy and paste them into the validator's Validate by Direct Input tab. Then select More Options and choose Validate HTML fragment / XHTML 1.0—otherwise, the validator expects full header HTML tags to be present.
Include an HTML image
If you have a formula URL field that contains a publicly accessible image link you want to use in Exact Forms Plus, create a Rich Text field with this formula.
"<div><img src='" & [Image link in URL] & "'></div>"
Then reference that newly created Rich Text field on your Exact Forms Plus template using ~i:123:100~. For more on referencing images, see Include images in documents.
If you want to do this with a link to the image, make your Rich Text field include the following:
"<div><a href=\"http://www.juicedtech.com\"><img src=" & [Image link in URL] &"></div>"
What's the difference between <br> and <br />?
In practice, </br> does not exist—just <br> or <br />.
However, the difference is the position, and it's universal for all XML tags. <TAG_NAME> indicates the beginning of a tag, and </TAG_NAME> indicates the end of a tag. When a tag is used with nothing between it, a self-closing, or null, tag can be used, which combines the beginning and end. It looks like <TAG_NAME />.
In XML, any tag can be self-closing. With HTML, though, only tags defined as such should be used that way. Never use <div />—instead, use <div></div>, even if it's empty. Some self-closing tags in HTML are, as already noted, <br />, plus tags like <param />, <input />, and <track />.
These elements are allowed to be self-closing. They often have attributes to indicate their data, but no additional elements are allowed inside them. Other elements that can have additional elements inside them require both <TAG> and </TAG> to be complete.
Note
Under less strict rules, in HTML, self-closing tags do not require the ending slash, so <br> is equivalent to <br />. However, the latter form is preferred and cleaner looking.
Quickbase allows for less strict rules—Exact Forms Plus does not.
The following table lists our supported HTML tags.
HTML Element | Style Attributes specific to this element (In addition to standard style attributes) | Non-Style Attributes supported (These attributes are applied directly to the element) | Limitations |
|---|---|---|---|
b | - | - | - |
big | - | - | - |
br | - | clear | - |
sub | - | - | - |
sup | - | - | - |
em | - | - | - |
font | - | face size color | The attribute value normal and bigger are not supported. |
h1,h2,h3,h4,h5,h6 | - | - | - |
i | - | - | - |
li | - | - | |
p | - | align | - |
pre | - | - | Font style will be changed as courier. Space cannot be inserted. |
s | - | - | - |
small | - | - | - |
strike | - | - | - |
strong | - | - | - |
table | border border-color cellpadding cellspacing background-color bgcolor align width | - | |
td | width, vertical-align | width rowspan colspan align valign | - |
th | width, vertical-align | width rowspan colspan align valign | - |
tr | - | height align | - |
tt | - | - | - |
u | - | - | - |
ul | - | - | -. |
img | - | height width src align | Partial image paths are not currently supported. |
div | - | - | - |
blockquote | - | - | - |
a | - | href target id name | - |
tbody | - | - | - |
thead | - | - | - |
tfoot | - | - | - |
style | - | - | - |
body | - | Vlink link | - |
The following table lists the acceptable style attributes.
Standard Style Attributes (These style attributes are supported by all supported XHTML elements) | Limitations |
|---|---|
font-family | - |
font-size | - |
font-style | - |
font-weight | Different levels of bold are not supported as Word doesn’t support bold level. |
text-align | - |
text-decoration | Only underline and strikethrough are supported. |
color | In the body and font elements, foreground color can be set using either hexadecimal format (#RRGGBB) or one of 16 predefined case-sensitive color names. In the color property of the style attribute, foreground color can be set using hexadecimal format (#RRGGBB). |
line-height or height | - |
background-color | - |
margin | - |
margin-left, margin-bottom, margin-top, margin-right | - |
text-indent | - |
border-bottom, border-top, border-right, border-left | The border color has to be specified in hexadecimal format (#RRGGBB). |
border-color | The border color has to be specified in hexadecimal format (#RRGGBB). |
border-left-color, border-right-color, border-top-color, border-bottom-color | The border color has to be specified in hexadecimal format (#RRGGBB). |
border-width | - |
border-left-width, border-right-width, border-bottom-width, border-top-width | - |
border-style | - |
border-left-style, border-right-style, border-top-style, border-bottom-style | - |
page-break-before | - |
page-break-after | - |
padding | - |
padding-left | - |
padding-right | - |
padding-bottom | - |
padding-top | - |
line-height | - |
letter-spacing | - |
text-transform | - |
white-space | - |
list-style-image | - |
list-style-type | - |
outline | - |
outline-style | - |
outline-width | - |
outline-color | - |