Skip to main content

Using Custom Content to Create Field Group Titles

Use custom content fields and simple HTML to create section titles within your gates.

When to Use Custom Content for Field Group Titles

Use custom content fields to create ‘titles’ and organise related fields under clear headings. Custom content fields behave like standard fields, which means they support translations, rules, and reusable styling.

In this example, a single-step gate contains five fields, grouped into two sections:

Personal Details

  • Name

  • Email

  • Phone

Company Details

  • Company Name

  • Industry

Why Use Custom Content Fields for Titles?

Custom content fields and HTML, enable you to:

  • Add section headings anywhere in your gate

  • Control styling easily using HTML and CSS (with the Styles editor)

  • Reuse titles across multiple forms

  • Full support for translations

  • Ability to apply rules and conditions

  • Consistent structure across forms

How to Create Custom Content Fields for Titles.

Step 1: Create a Custom Content Field

First you will need to create a new custom content field for each title you want to display:

  • Go to Setup > Fields > Create a field

  • Select Custom content from the type dropdown

  • Enter your Content name which will be shown to your users

Note: Use clear and reusable names such as:

  • Personal Details

  • Company Details

  • Personal Information

Step 3: Add the New ‘Title’ to Your Form Type

Finally, add your new custom content fields to your form type layout.

  • Go to Setup > Form Types

  • Open the form type that you want to update

  • Add your new custom content field above the fields you want to group

For example:

  • Place the Personal Details title above the Name, Email, and Phone fields

  • Place the Company Details title above the Company Name and Industry fields

Repeat this process for each section and form type.

Important: The order of fields in the form type controls where the title appears on the gate.


Examples of HTML

Centre the title

<h3 style="text-align: center;">Company Details</h3>

Italicise the title

<h3 style="font-style: italic;">Personal Details</h3>

Use a serif font

<h5 style="font-family: serif;">Company Details</h5>

Change the font colour

<h1 style="color: #008000;">Company Details</h1>

Summary

Custom content fields provide a flexible way to create section titles in Formulayt.

  • Group related fields under clear headings

  • Improve form structure and readability

  • Apply styling, rules, and translations

This method keeps your gates organised and easy to manage as they scale.

Did this answer your question?