# Forms

# How do we create a form from Scratch

### <span style="color: rgb(53, 152, 219);">**1. Overview**</span>

<span style="color: rgb(0, 0, 0);">Creating a form from scratch in Bsharp Converse allows administrators to design a form entirely from the beginning by defining its basic details, building questions manually using available question types, and configuring how the form behaves and appears. This process includes setting up form structure in the Designer, applying logic and themes, assigning users, and publishing the form so responses can be collected and reported.</span>

### **<span style="color: rgb(53, 152, 219);">2. When to Use</span>**

Use this when:

- You want to create a new form without using an existing template.
- You need full control over question types and form structure.
- You want to configure logic, validation, and appearance manually.
- You are preparing a form to assign users and collect responses.

### <span style="color: rgb(53, 152, 219);">**3. Concepts**</span>

- **Forms Section** – The area where all created forms are listed and managed.
- **Create Form** – The entry point to start building a new form.
- **Form Metadata** – Basic details such as title, description, and category.
- **Designer** – The workspace where questions are added and configured.
- **Right-side Panel** – The panel used to customize selected questions or form settings.
- **Publish Flow** – The step-based process to build, assign users, and publish a form.
- **Manage Page** – The page used to manage users, reports, responses, and form status.
- **Question Inline Controls** – Controls available directly on a question card to duplicate, mark required, or delete a question.

### **<span style="color: rgb(53, 152, 219);">4. Set Up Guide</span>**

##### <span style="color: rgb(53, 152, 219);">**Step 1: Open the Forms section**</span>

1. Click the **menu bar**.
2. Select **Forms**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-b9fwruce.png)
3. The **Form list page** opens displaying all existing forms.

##### <span style="color: rgb(53, 152, 219);">**Step 2: Create a form from scratch**</span>

4. Click **Create** in the top-right corner.
5. Select **From Scratch**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-itms6ldn.png)
6. In the **Create Form** dialog:
    
    
    - Enter the **Title**.
    - Enter the **Description**.
    - Select a **Category** (for example, Sales Form or Marketing Form).  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-0lj0wmem.png)
7. Click **Save**.

##### **<span style="color: rgb(53, 152, 219);">Step 3: Review the Manage Form page</span>**

8. After saving, the **Manage Form page** opens.
9. Review the form details such as:
    
    
    - Form name
    - Category
    - Created by
    - Created on
    - Users allocated
10. Use available actions like **Fill Form** or **Delete**, if required.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-vicj2mwq.png)

##### **<span style="color: rgb(53, 152, 219);">Step 4: Build the form</span>**

11. In the **Publish** section, click **Build Form**.
12. The form opens with the following tabs:
    
    
    - **Designer**
    - **Preview**
    - **Themes**
    - **Logic**
    - **JSON Editor ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-ruwuitpx.png)**

##### **<span style="color: rgb(53, 152, 219);">Step 5: Add questions using question types</span>**

13. In **Designer**, start building the form manually.
14. Select a question type from the left panel and add it to the form.
15. Use the **right-side panel** to configure the selected question; any changes made here are reflected immediately in the form.

**Available question types and their usage:**

- **Radio Button Group** – Used when users must select one option from a list.
- **Rating Scale** – Used to collect ratings using labels, stars, or smileys.
- **Slider** – Used to capture a value selected along a defined range.
- **Checkboxes** – Used when users can select multiple options.
- **Dropdown** – Used to select a single option from a dropdown list.
- **Multi-select Dropdown** – Used to select multiple options from a dropdown.
- **Yes/No (Boolean)** – Used to capture a binary response.
- **File Upload** – Used to collect files from users.
- **Image Picker** – Used to select options using images.
- **Ranking** – Used to rank options based on preference.
- **Single-Line Input** – Used to collect short inputs such as text, number, email, phone, date, time, URL, month, week, or password.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-vnxb1yzb.png)
- **Long Text** – Used to collect detailed text responses.
- **Multiple Textboxes** – Used to capture multiple text values in one question.
- **Panel** – Used to group related questions together.
- **Dynamic Panel** – Used to repeat a group of questions dynamically.
- **Single Select Matrix** – Used when one option per row must be selected in a matrix.
- **Multi-Select Matrix** – Used when multiple options per row can be selected.
- **Dynamic Matrix** – Used to dynamically add rows in a matrix format.
- **HTML** – Used to display static content such as instructions or text.
- **Expression (Read only)** – Used to display calculated values that users cannot edit.
- **Image** – Used to display an image without collecting input.
- **Signature** – Used to collect a digital signature from users.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-d77drj73.png)

##### <span style="color: rgb(53, 152, 219);">**Configure questions using question-level controls**</span>

> **When a question is selected**, the right-side panel changes to show **question-specific settings**.

- The available configuration sections vary based on the selected **question type**.
- Common sections include **General**, **Layout**, **Conditions**, **Data**, and **Validation**.
- Any change made in the right-side panel is immediately reflected in the form.

##### **<span style="color: rgb(53, 152, 219);">Use question inline controls (inside the form canvas)</span>**

Each question card provides inline controls that allow you to:

- **Reorder handle** – Used to drag and rearrange the order of questions within the form.
- **Collapse/Expand** – The minus (–) icon on the right side of the question card is used to collapse or expand the question to reduce visual clutter while designing the form.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-smbcbt1w.png)
- **Duplicate** the question.
- **Mark the question as Required**.
- **Delete** the question.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-jpjtkfoj.png)

These controls help manage questions quickly without opening the right-side panel.

##### <span style="color: rgb(53, 152, 219);">**Step 6: Configure form behavior and appearance**</span>

16. Use **Preview** to review the form.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-cl67bb1o.png)
17. Use **Themes** to configure headers, fonts, alignment, background, colors, and appearance.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-j7dfvyqv.png)
18. Use **Logic** to define conditions and actions such as showing or hiding questions, setting values, skipping questions, or completing the survey.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-ffa9vfs7.png)
19. Use **JSON Editor** to view the automatically generated JSON for the form.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-kr4psenk.png)

##### <span style="color: rgb(53, 152, 219);">**Step 7: Assign users and publish**</span>

20. Return to the **Manage Form page**.
21. Click **Add Users**.
22. Assign users individually or by attributes.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-hnbwlxj2.png)
23. Click **Save**, **Save &amp; Publish**, or **Publish** to make the form live.

### **<span style="color: rgb(53, 152, 219);">6. User View</span>**

If the form is assigned to users, it appears on the **Home page**.

- Users scroll down on the Home page.
- Forms are visible under the **Forms** section.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-pya9baiy.png)
- All assigned forms are listed in this section for easy access.

### <span style="color: rgb(53, 152, 219);">**7. Reporting**</span>

- Reports are available only after the form is published.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-5ss5rte0.png)
- Reports and responses can be accessed from the **Manage** section.
- Users can:
    
    
    - Select a date range.
    - Filter by user or attributes.
    - View data by question.
- **Company tab** is visible to administrators only.
- **Team tab** is visible to users with team-level access.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-e0w2e5oc.png)
- Responses can be downloaded as images, CSV, or Excel.
- Media Wall is available for image-based questions.

### <span style="color: rgb(53, 152, 219);">**8. Best Practices**</span>

- Configure question details from the **right-side panel** for better reporting.
- Use Preview before publishing the form.
- Apply logic carefully to control user flow.
- Assign users before publishing to avoid delays.
- Review JSON Editor for consistency if reusing form structures.

### <span style="color: rgb(53, 152, 219);">**9. Version Notes**</span>

Last Updated: 14 Jan 2026

# How do we create a form with Templates

### <span style="color: rgb(53, 152, 219);">**1. Overview**</span>

Creating a form using templates allows admins to quickly build forms in Bsharp Converse by using pre-defined structures. Templates help standardize form creation across different use cases while allowing edits before the form is finalized.

### <span style="color: rgb(53, 152, 219);">**2. When to Use**</span>

Use this option when:

- You want to create a form using an existing structure
- You need standard forms for sales, HR, education, or marketing use cases
- You want to avoid creating forms manually from scratch
- You want to edit a pre-built form before assigning it to users

### <span style="color: rgb(53, 152, 219);">**3. Concepts**</span>

- **Forms** – Data collection items created for users
- **Templates** – Pre-built form structures available by category
- **Form Categories** – Groupings such as Sales, Education, HR, Marketing
- **Form Builder** – Editor used to review and modify the template
- **Save** – Action used to store the created form

### <span style="color: rgb(53, 152, 219);">**4. Set Up Guide**</span>

1. Open the menu and go to **Forms**.  
    [https://converse.bsharpcorp.com/form\_builder](https://converse.bsharpcorp.com/form_builder)  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-b9fwruce.png)
2. Click **Create** on the top-right corner.
3. Select **Using Template**.
    
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-udpzrhik.png)
4. View the available template categories such as:
    
    
    - Other Industries Form
    - Sales Form
    - Education Form
    - Human Resources Form
    - Marketing Form  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-n4jar3cp.png)
5. Choose a required template and click **Use Template**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-o9prhjqm.png)
6. Review the form structure created from the template.
7. Edit the form fields if required (add, remove, or modify fields).  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-680vc0ps.png)
8. Click **Save** to save the form as a draft.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-3z3zjvjm.png)
9. After saving, the form appears in the **Forms** list with **Build Form** completed.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-iqbqcfk0.png)
10. Open the saved form and select **Add Users**.
11. Add users using one of the following methods:
    
    
    - **Individual Users** – select and add specific users
    - **By Attributes** – select attribute groups or create new attribute rules  
        ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-uosgy41o.png)
12. Click **Save** to keep the form editable, or **Save &amp; Publish** to publish the form.

**Note:**

- Once a form is published, it **cannot be edited**.
- Saving without publishing allows you to return and edit later.

### <span style="color: rgb(53, 152, 219);">**5. User View**</span>

If the form is assigned to users, it appears on the **Home page**.

- Users scroll down on the Home page.
- Forms are visible under the **Forms** section.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-pya9baiy.png)
- All assigned forms are listed in this section for easy access.

### <span style="color: rgb(53, 152, 219);">**6. Reporting**</span>

- Form responses can be viewed after the form is published.
- Reports and responses are accessible from the **Manage** section of the form.
- Downloaded responses are available once users start submitting the form.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-9tjwc0dl.png)

### <span style="color: rgb(53, 152, 219);">**7. Best Practices**</span>

- Review and finalize all form fields before publishing
- Use templates to maintain consistency across teams
- Assign users carefully before publishing to avoid rework
- Save the form as draft if further edits are expected

### <span style="color: rgb(53, 152, 219);">**8. Related Links / FAQs**</span>

**Q: Can I edit a form after publishing?**  
No. Once published, the form cannot be edited.

**Q: Where can users find assigned forms?**  
Users can find assigned forms on the Home page under the Forms section.

**Q: Can I add users after publishing?**  
Yes. Users can still be added after publishing.

**Q: What actions are available after publishing?**  
You can add users, unpublish, clone the form, view reports, and download responses.

### <span style="color: rgb(53, 152, 219);">**9. Version Notes**</span>

Last Updated: 12 Jan 2026

# How do we create a form with AI

### <span style="color: rgb(53, 152, 219);">**1. Overview**</span>

This feature allows administrators to create a form by describing the required fields in plain text and letting AI generate the form structure, which can then be reviewed, edited, and saved before assigning it to users.

### <span style="color: rgb(53, 152, 219);">**2. When to Use**</span>

- When you know what information needs to be captured but don’t want to build the form manually
- When you want a quick starting structure that can be edited later
- When creating draft forms before assigning them to users
- When experimenting with different form layouts before finalizing

### <span style="color: rgb(53, 152, 219);">**3. Concepts**</span>

- **Forms** – The section where all draft and published forms are managed
- **Generate with AI** – An option to create a form using a text description
- **AI Prompt** – The text input where form requirements are described
- **Form Builder** – The screen where generated fields can be edited
- **Draft Form** – A saved form that is not yet assigned or published
- **Add Users** – The step where users are assigned to the form

### <span style="color: rgb(53, 152, 219);">**4. Set Up Guide**</span>

1. Open the **Forms** section from the left menu.  
    [https://converse.bsharpcorp.com/form\_builder](https://converse.bsharpcorp.com/form_builder)
2. Click **Create** in the top-right corner.
3. Select **Generate with AI**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-4uulkhmw.png)
4. Enter the form requirements in the text box, listing the fields needed.
5. Click **Generate Form**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-tbkafbdb.png)
6. Review the generated form in the Designer view.
7. Edit fields if required.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-mp2ecoqy.png)
8. Click **Save** after completing edits.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-bshpygtt.png)
9. Return to the **Form details page**, where **Build Form** is completed and **Add Users** is available.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-hp32mdvp.png)
10. Select **Add Users** to assign users individually or by attributes.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-toaaoq2e.png)
11. Click **Save** to keep the form editable, or **Save &amp; Publish** when ready.

### <span style="color: rgb(53, 152, 219);">**5. User View**</span>

If the form is assigned to users, it appears on the **Home page** under the **Forms** section. Users can scroll down the Home page to view and access their assigned forms.

### **<span style="color: rgb(53, 152, 219);">6. Reporting</span>**

- **Form Reports** show submission status and responses
- Reports can be accessed from the **Reports** option in the form’s Manage section  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-msxbd6pm.png)

### **<span style="color: rgb(53, 152, 219);">7. Best Practices &amp; Tips</span>**

- Be specific when describing fields in the AI prompt
- Always review AI-generated fields before saving
- Save the form as draft if changes are expected later
- Assign users only after validating the form structure

### <span style="color: rgb(53, 152, 219);">**8. Troubleshooting / FAQs**</span>

**Q: What happens when I click Save after editing the form?**  
The system redirects you to the **Form details page**, where you can proceed to **Add Users** or publish later.

**Q: Can I edit the form after publishing?**  
No. Once published, the form cannot be edited.

**Q: Can I save without publishing?**  
Yes. Saving keeps the form in draft mode and editable.

### <span style="color: rgb(53, 152, 219);">**9. Version Notes**</span>

Last Updated: 12 Jan 2026

# Create form with JSON using LLM (ChatGPT)

### **<span style="color: rgb(53, 152, 219);">1. Overview</span>**

This feature allows admins to create a form by pasting JSON content instead of manually adding questions. The system reads the JSON and automatically builds the form layout in the form designer, where it can be reviewed and updated before assigning it to users.

### <span style="color: rgb(53, 152, 219);">**2. When to Use**</span>

- When you already have a form structure generated in JSON format using ChatGPT
- When you want to build a form faster without manually adding each field
- When you need control over both the form layout and its underlying structure
- When you want to preview and refine a form before assigning it to users

### <span style="color: rgb(53, 152, 219);">**3. Concepts**</span>

- **Forms section** – The area where all draft and published forms are listed
- **JSON Editor** – A workspace used to paste or edit JSON code that defines the form
- **Designer** – A visual editor where the generated form structure is displayed
- **Preview** – A view to see how the form appears to end users before publishing
- **Themes** – Styling options for colors, fonts, and overall appearance
- **Logic** – Rules that control question flow and navigation
- **Form status page** – The page used to manage build status, user assignment, and publishing

### <span style="color: rgb(53, 152, 219);">**4. Set Up Guide**</span>

1. Go to the **menu bar** and click **Forms**.  
    [https://converse.bsharpcorp.com/form\_builder](https://converse.bsharpcorp.com/form_builder)  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-vc0ivbj8.png)
2. In the Forms section, click **Create** in the top-right corner.
3. Select **From Scratch**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-zhrytcl2.png)
4. Enter the **form name**, **description**, and **category**, then save.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-ylxp02yy.png)
5. You will be redirected to the **form status page**.
6. Click **Build Form**.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-hisq3pwz.png)
7. In the form builder, select the **JSON Editor** tab.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-1sozat7w.png)
8. Paste the JSON code generated using ChatGPT or another LLM into the editor.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-ckir0vfe.png)
9. View the form automatically generated in the **Designer** section based on the pasted JSON.
10. Make any required changes directly in the **Designer**; the JSON updates automatically.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-ifzjbazn.png)
11. Use **Preview** to review how the form appears to users.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-fu2xruc4.png)
12. Open **Themes** to update colors, fonts, and visual styling if required.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-oct0kdlz.png)
13. Open **Logic** to configure rules that control question behavior or navigation.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-mpsmdvak.png)
14. Click **Save** to store the form changes.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-6rtt7gw6.png)
15. After saving, you are redirected to the **form status page** showing **Build Form**, **Add Users**, and **Publish** steps.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-vf7gpu3g.png)
16. Click **Add Users** and assign users either individually or by attributes.  
    ![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-toaaoq2e.png)
17. Click **Save** or **Save &amp; Publish** based on whether the form is ready for publishing.

### **<span style="color: rgb(53, 152, 219);">5. User View</span>**

Once the form is published and assigned, users can see it on their **Home page** under the **Forms section**. Users can open the form, view the configured questions, and submit their responses based on the defined structure and logic.

![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-pya9baiy.png)

### <span style="color: rgb(53, 152, 219);">**6. Reporting**</span>

Once a form is published, reporting and response actions are available from the **Manage** section of the form.  
![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-9tjwc0dl.png)

- **Reports** – Opens the Form Report dashboard to view submission trends, active users, and question-level insights.
- **Response** – Allows admins to **download the submitted form responses** for offline review and record keeping.

##### <span style="color: rgb(53, 152, 219);">**Report Views**</span>

- **Company tab** – Shows organization-wide form submission data and is visible only to **admins**.
- **Team tab** – Shows team-level form submission data and is accessible only to users with **manager, trainer, or mentor** access.

##### <span style="color: rgb(53, 152, 219);">**Report Filters and Actions**</span>

- Filter reports by **time range** and **user**.
- Use **Attribute Filter** to refine data based on user attributes.
- Select a question to view question-specific data.
- Use **Media Wall** to view uploaded images.
- Use **Download Images** to export image responses.
- Use **Download** to export form data.

![](https://help.bsharpcorp.com/uploads/images/gallery/2026-01/embedded-image-g6hmjwrp.png)

### <span style="color: rgb(53, 152, 219);">**7. Best Practices**</span>

- Validate JSON format before pasting it into the JSON Editor
- Use Designer for visual adjustments instead of editing raw JSON where possible
- Always preview the form before assigning users
- Save the form before navigating away from the editor

### <span style="color: rgb(53, 152, 219);">**8. Related Links / FAQs**</span>

**Q: Can I edit the form after pasting JSON?**  
Yes. You can edit the form in the Designer, and the JSON updates automatically.

**Q: What happens after I click Save?**  
You are redirected to the form status page, where you can add users and publish.

**Q: Can I preview the form before publishing?**  
Yes. The Preview tab shows how the form appears to users.

### <span style="color: rgb(53, 152, 219);">**9. Version Notes**</span>

Last Updated: 13 Jan 2026

# Form Responses Report

### <span style="color: rgb(53, 152, 219);">**Reporting**</span>

- Form responses are available after the form is published.
- Reports and responses can be accessed from the **Manage** section of the form.
- For detailed steps on viewing, filtering, and downloading form responses, refer to [**Form Responses Report**](https://help.bsharpcorp.com/books/reports/page/form-responses-report).
- Once published and users start submitting the form, all response data becomes available for analysis and download through the Reports section.<script src='//in.fw-cdn.com/30395390/222989.js' chat='true'></script>