Custom Text

Positions of custom text

The following positions are possible for the custom text of a field:

  • above the label (option 1)
  • above the input field (option 2)
  • below the input field
  • Replace field label with custom text (Visforms Subscription Feature).

Peculiarities of the position ‘above the input field’

Please note that the text will not always actually be visible between the label and the input field (option 2).

Option 2 can only work safely if

  • The UI framework Bootstrap 4, Bootstrap 5, UIkit 2 or UIkit 3 is selected in the form You are using a template that implements this UI framework.
  • In the form is for the sublayout
    • either Stacked selected.
    • or Individual is selected and the label width of the field is set to full width for all devices.
      Set to full width means 12/12, 6/6 or 10/10 depending on the chosen UI framework.
      Otherwise, if Option 1 and Option 2 are selected, the text is output as if Option 1 had been selected.

Replace field label with custom text

Note: These features are part of the Visforms Subscription and are not included in the free Visforms version.

The Subscription also gives you the option to replace the field label with custom text.

This option is not available for all fields that do not have a label. The label is only replaced if the custom text is not empty. All block elements are removed beforehand, as they would result in invalid HTML at this point.

In principle, any HTML can be inserted in the user-defined text. Editors usually add additional so-called block elements (p, div).
Visforms tries to strip the custom text’s HTML of all block elements before using it as a label.
It must always be verified that this sanitized HTML does not break the layout position of the label.

Note: If you just want to hide a label, use the 'Label Options' option in the field configuration on the 'Basic Settings' tab instead.

Application: ‘Privacy’ checkbox

A commonly used application is the design of a ‘Privacy’ check box. If there is a ‘Privacy’ checkbox, you can use a label that includes a link to the privacy statement.