Setting up Read-Only HTML Custom Fields is a great way to make your text fields in FMX stand out. Using this formatting, users can customize the size, color, and display of how text appears on their forms.
HTML tags are element names surrounded by angle brackets:
<tagname>content goes here</tagname>
HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a forward slash inserted before the tag name
HTML uses elements like <b> and <i> for formatting output, like bold or italic text.
Commonly Used Tag Names
Formatting elements were designed to display special types of text:
<b>Bold text</b>
<i>Italic text<i>
<u>Underlined text</u>
Follow these steps to create a Read-Only HTML custom field
1 Create your custom field
In Admin Settings, click the "Custom Fields" tab towards the top of the screen. From here, click "Add custom field."
2 Setting up the field
Name your field
Choose "Read Only" for the type
Choose where this field will exist
Choose request types (optional)
Description: This is where you will click the option that says ‘HTML formatting’ at the bottom of the text box. Here, you will type the text using one, or several, of the HTML tags listed above.
To make a text BOLD, see the example below:
“24 hours” is inserted between the HTML tags, which is telling the text to become BOLD.
Once you click SAVE, you’ll see your BOLD text:
If you want this text to be underlined, replace the ‘b’ with ‘u’
If you want this text to be italicized, replace the ‘b’ with ‘I’
If you want this text to be bold, underlined, AND italicized then you can use all 3:
Other commonly used HTML Character Entities and Tags
<br>Line break.
This is used to create a new line of text within your field. Here is an example of what this looks like:
Without Line Break
With Line Break
You can also change font color and the size of the text. Here is an example of what this looks like:
<font size="desired font size number">
<font color=”desired color”> TEXT HERE. </font>
Combining these looks like this:
<font size="4" color="red">TEXT GOES HERE </font>
You can also get creative and combine these rules as needed: