The Custom HTML field can be used to add functionality and customize the look of the Forms. Customized HMTL, CSS, and Javascript can be added to the field. For example, different field values can be added to the heading such as email or location, and widgets can be embedded via Javascript (maps, twitter feeds etc.).
Note - When enabled, users with permission to edit this field will be able to post raw HTML and scripts. Allowing users to post HTML could be dangerous and it is strongly recommended that this feature only be accessible to trusted security groups.
5. Select the dropdown next to custom html.
6. Enter custom HTML, CSS and Javascript in the text box.
Insert field values with the following notation:
[*fieldname]
e.g. [*firstname], [*lastname], [*city]
The asterisk (*) indicates that the original field will be hidden from display. This is useful to avoid displaying duplicate fields. For example, [*firstname] will display the first name in the custom html field, and the original field will be hidden. Using just [firstname], the first name field would be visible twice on the employee detail form.
The default value for this field is:
<div
class="CustomHTML">[*firstname] [*lastname]</div>