# Form Page Component

This section aims at describing the various components provided on the page.

* Page 1 opens by default for a newly created Form.
* The user can start adding questions to the default page.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fh4iflewTXcFFuK9C8H9O%2Fimage.png?alt=media&#x26;token=dac61539-075c-4640-9ef3-0f8154d33a1d" alt=""><figcaption><p>Default page for a newly created Form</p></figcaption></figure>

* Click the ***Add New Page*** icon to create a new page.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fv8CXEa5i9MYOQ2tYFsTN%2Fimage.png?alt=media&#x26;token=46acbbe4-9e5f-4288-8348-26b055094eb4" alt=""><figcaption><p>The Add New Page option</p></figcaption></figure>

* The ***Create Page*** dialog box opens.
* Provide Page Name.
* Click the ***Save*** option.

​![](https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2Fv446VEVz80FVMcjwkgEh%2Fimage.png?alt=media\&token=7937e566-4819-4a5a-8016-0afdd150d169)​

* A notification message appears.
* The page gets added to the form.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FerrMGQ4eEHBwESKXet69%2Fimage.png?alt=media&#x26;token=c659bb72-f3d3-4fd9-99c1-5cff3df77195" alt=""><figcaption><p>Adding a New Page to Form</p></figcaption></figure>

## Adding a Question <a href="#adding-a-question" id="adding-a-question"></a>

* Click the ***Add New Question*** icon.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FZKRtEeSlXGYu6CQcv0tP%2Fimage.png?alt=media&#x26;token=e8a8c9ab-9cc5-466a-8425-2518d7e5030c" alt=""><figcaption></figcaption></figure>

* A success message appears.
* The question related fields get added to the Form.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F5Ig7Zhab8ycrKqsrs86M%2Fimage.png?alt=media&#x26;token=241fb62d-8c29-44b3-b7d6-8c93f1835e5a" alt=""><figcaption><p>Adding a Question to Form</p></figcaption></figure>

## Developing a Question <a href="#developing-a-question" id="developing-a-question"></a>

* Provide the following information to develop a question:
  * **Question**: Insert the question text in the given field.
  * **Select Answer Type**: Select an answer type using the drop-down menu
    * The following Answer Types options are provided:
      * Radio Button
      * Checkbox
      * Dropdown
      * Multi-Select dropdown
      * Textbox
      * Number
      * Textarea
      * Date Picker
      * Time
      * Email
      * Password
      * HTML Editor
      * Attachment
      * Label
      * Group Question
* **Display Name**: Displays the inserted question text.
* **Field Identifier**: Data in Forms are stored in JSON format. The Field identifier is a key, and answers are valued; it helps to extract the required data from the DB.
* **Option**: Provide the relevant option. This field appears bade on the selected answer type option. (Here, the selected answer type is Checkbox)
* Use the ***Add option*** button to add more options
* Use the ***Add other option with input*** after adding more than 2 options.
* Click the ***Question Save*** icon to save the question information.
* The newly added question gets saved, and a success message appears confirming the action.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FV87ypoBNhOAC4nQhfJsE%2Fimage.png?alt=media&#x26;token=89b9a01f-03f1-4092-bde8-d6ff9a6c03e3" alt=""><figcaption><p>Adding the Question related information and saving a question in Form​</p></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* *These options appear only for Radio Button, Checkbox, Drop-down, Multi-Select Dropdown answer type.*
* *Click the Question Settings icon to get the Question Settings information.*
  {% endhint %}