Form Header Add-On


Applies To Version(s): 3, 3.5, 3.7


Overview


Headers can help to identify your form content into sections.

To Add Form Headers to Forms

  • You must have purchased this add-on.

  • You must be an administrator of the site.

Form Header

  • The column name is not displayed on the page and instead is used to identify that it is a “header” when viewing list columns on the list settings page.

  • Use single line of text columns (fields).
  • Under Additional Column Settings, the “Description” field is the critical piece that turns the “default value text” into a header; it must contain exact text as explained below.

  • The Default Value – must be “text” and this is the text that will display as the Form Header text within your form.

A web search for ‘Hex colour’ will supply you with sources of colour codes. You can also use the link below:

https://www.w3schools.com/colors/colors_picker.asp


How to Add a Form Header


  1. Go to the list that needs the Form header (Site Actions > View All Site Content > your list) then to the list settings.
  2. Click "Add new column".
  3. Column Name: not used/displayed in form – name could contain "Header – (your choice)"  (or some text to identify within the columns listed in the list settings page).
  4. Type of Column: Single line of text
  5. Description: This field must contain the text “Header Section” (the system is looking for this exact phrase), a dash (hyphen) and your chosen colour (in hexadecimal code)
    Example:  Header Section - #CCD8FF. Using only the required text 'Header Section' (i.e. no specified colour) will mean the default colour will be used. You can set the Default Colour when setting up this add-on for the first time.
  6. Default Value: Text
  7. Default Text: The text that will be displayed in the form.
  8. Click OK to save the new Column (form Header).
  9. Go into Content Type settings, under Columns and choose Column Order.
  10. Order the new Column in the desired position for your Form.


* Please note if you do not put in a hex colour code the system will use a “default colour” (see example below)

Example using default colour:


Example using a hex colour code:


Results in a display form:

Watch The Video