How to change the Fields Layout/Display/Size in a Section

You can set up the layout of the fields in each section of your form differently. This can include the size of the field through to whether the description appears with the field or not.

Form Layout can be set for each Section. To set up the Layout for a Section go to that Section's Advanced Properties and select from the List of Form Layout Options

Form Layout can be set for each Section. To set up the Layout for a Section go to that Section's Advanced Properties and select from the List of Form Layout Options

 

To fully understand the different section layout possibilities, you can set each section can have a different layout using the Form Layout options (shown here)

To fully understand the different section layout possibilities, you can set each section can have a different layout using the Form Layout options (shown here)

You can set up the layout of the fields in each section of your form differently. To apply a specific layout to a section, click on the section and then select the Form Layout that you require from the drop down list. The following gves you an indication of the layouts you can select from:

Horizontal- the field types are aligned horizontally with the answer fields

Vertical- The question is aligned vertically with the answer fields underneath the question

Right- The question is aligned to the right of the area for the question

Left- The question is aligned to the left of the area for the question

Small- the question and answer text are made smaller

Tool tip will hide the question instructions/description and a "?" will be inserted so that a user can click on the "?" and the description appears. This is a useful tool to reduce the size of the fields for a specific section.

Two Row- will create 2 rows with the field name that you have in that section and insert the answer field underneath that. Always ensure it looks and works well on the actual application is you choose this setting (shown in the step below).

Concise- will minimise all of the field name sizes and answer fields into the most concise layout (shown in the step below).

There are a number of different combinations of layout possibilities which are all listed in the Form Layout drop down list (shown above in the Advanced Properties). The image in this step highlights four different combinations for the four different sections. Select your layout and then click on Preview to see how the section layout differs with each setting (shown below).

Once you apply a Layout, click on Preview to see how the Sections change with the different layout combinations

Once you apply a Layout, click on Preview to see how the Sections change with the different layout combinations

Once you update the Form Layout, click on Preview. The section layout will update and you will be able to see how the form looks and performs with the new changes.

The image here provides you with an example of the Two Row Vertical for the section that is highlighted (on the right) and the Concise horizontal (for the section on the left).

The Form Positioning should always be set to Default. Only very advanced user need to be able to manually position each question with each section, and it takes a lot of practice.

The Form Positioning should always be set to Default. Only very advanced user need to be able to manually position each question with each section, and it takes a lot of practice.

Form Positioning allows users to manually position where each field within a section will be. This is very complex and takes a long time to master. More details about this are in the next lesson on Form Section Layout. Set this to default and the system will use the Form Layout (discussed below) properties to set the position of the fields with your section.

To Format the Event Form Sections so that the Sections are placed on the page side by side with different widths see the Lesson on Form Layout. However, this is only recommended for experienced Builders.

To Format the Event Form Sections so that the Sections are placed on the page side by side with different widths see the Lesson on Form Layout. However, this is only recommended for experienced Builders.

 

0 Comments

Add your comment

E-Mail me when someone replies to this comment