Learn about our newest features and enhancements!
Web Forms: How To Configure the Form Field Display
Jessica Mocha 10/17/2024 3:40:00 PM

Introduction


When creating a form, configuring how the form fields will be displayed is also an important aspect of the overall display of the form. Configuring the display of each individual field is not required as the out of the box and default options will work, however if you want your fields to be displayed in a certain way, you will need to change the configurations.

Instructions


To configure your display for the form field, navigate to the form field and then to the display tab.



From this page you will be able to configure the settings for the individual form field. All configurations made will only affect this field and not any of the others.

The first three configurations control if the field is enabled, the label of the field and if there is a line break



The next sections of configurations will allow you to show or hide certain pages from the form within the form field using radio buttons. Select the show button if you would like the page to be shown and the hide button if you don’t want the page to be shown.


Note: all fields are set to display by default on every page but the success page. You must click the radio buttons to hide if you do not want them to be displayed.

If your options are a radio or checkbox field type, you will also need to configure the layout of the options. Select your option form the drop downs 

The Layout dropdown will determine how your options will be displayed. You can select Flow, ordered list, table, or unordered list.


The Layout Direction will determine if you want your options listed vertically or horizontally.



If you select to display the form field options horizontally, the options will be displayed like the below.



If you select to display the form field options vertically, the options will be displayed like the below.



The last layout configuration will be the Label Alignment to either the left or right side of the page.




Related Articles

Powered by Powered By CharityEngine