As described in the article Understanding the Grid a formstrap form has multiple hierarchical levels to allow you to create complex, responsive forms.
In this post we will cover the settings for each component and signpost you to articles about these settings.
ID and Group
You can optionally specify Friendly unique IDs to each component. These are used when creating User Driven Events to allow you to affect the component (e.g. show or hide).
You can also specify a Group. Again this is for User Driven Events and allows you to affect a group of components at the same time with just one event.
Read about User Driven Events.
Title
Each component can optionally have a title. This allows you to structure the form. If you want to add HTML to your heading it should be inline HTML only. Please read the article Headings for more detail about how headings are used.
Description
Each component can have a description. This can include block and inline level HTML if required.
You can request that the user input into the form is converted into HTML paragraphs. This only works if the input is plain text.
Initially Visible
Is the component visible when the form is first loaded? If not, then all components within the component will be hidden and all fields will be set to disabled.
You might use this to hide parts of the form that only become relevant depending upon user-input.
Read more about Component Visibility.
Enclose in a Card
Display the component as a Bootstrap card? Please read the article on Cards for more information about this.
Replicable
Some components can be made into replicable containers. This allows the end-user to make another copy of the container - useful if you need the end-user to be able to provide information about multiple instances of the same thing (e.g. multiple job roles in their employment history). Only Section Columns and Rows can be made into replicable containers. Section Columns for more complex layouts and Rows for simpler, spreadsheet style layouts.
Read more about Replicable Containers.
Spacing
Add margins, padding or gutters to your component. Please read the article on Spacing to see which sort of spacing applies to which components.
Width
Section Column and Column containers can be given a width. This enables you to create complex, responsive forms as the width can be set to a different value for screens of different sizes. Please read the Responsive Layout post for more information about this.