# Form Formatting

{% hint style="info" %}
The form designer allows you to create form designs by levering the item content type.
{% endhint %}

## Body Section

1. Click on the form icon from the left element bar.
2. Drag a section into the body

![](https://2720288871-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYGE8xhneupoUZw55M6%2F-MZlRoyH6VRJWA0aeE70%2F-MZlSSW63bNCZWTA4alr%2Fimage.png?alt=media\&token=27fc07ad-47cb-4227-9006-ba044a854896)

4\. Check the fields that you would like to have in the section and give it a section name. 

![](https://2720288871-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYGE8xhneupoUZw55M6%2F-MZlTc3LipkESxvBVVS1%2F-MZlU7hstIrL548Vp5aR%2Fimage.png?alt=media\&token=cbd32c03-e794-4e1d-8fec-6f0515bfa7ef)

{% hint style="info" %}
The Form designer allows you to drag up and down the field order and remove or add by checking the field checkboxes. 
{% endhint %}

## Header and Footer Section

The header and Footer section works the same as the view designer. Drag and drop all elements **except** for the sections. 

Add styles, conditions, and even hover effects! 

## Microsoft Form Formatting Documentation

{% embed url="<https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/list-form-configuration>" %}