> For the complete documentation index, see [llms.txt](https://docs.betterbugs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.betterbugs.io/developer-guide/using-feedback-widget/development-mode.md).

# Development Mode

Check the complete flow for using the feedback widget in “development” mode.

### What are the Use Cases of Using the Development Mode in BetterBugs.io Feedback Widget

* Enables you to use the widget in the development/testing/staging environments.
* Use the widget during development, alpha testing, beta testing, bug bashes, and for QA overall. 
* Perfect for collecting feedback and bug reports for the app from within your internal team.

{% hint style="info" %}
**PREREQUISITE**

* Make sure that the SDK is installed correctly and the widget is visible in your app screen. 
* The "**mode**" property in initialization code is set to "**development**".
  {% endhint %}

### How to Submit Feedback Using the Widget in Development Mode: Step-by-Step

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBzBhuIUDDav7ztnadaoO%2Fuploads%2FNGM0Mb25OSP0IuQOuJSQ%2F06-How-to-Submit-Feedbac-Using-BetterBugs-Feedback-Widget-in-Development-Mode.mp4?alt=media&token=634db759-4184-4504-811d-5c04ffadcd19>" %}
How to Submit Feedback using Widget in Development Mode | Video Demo
{% endembed %}

{% stepper %}
{% step %}

#### Open the Widget and Select Screen Capturing Mode

Click the “**Feedback**” widget and select the screen capture mode:&#x20;

* **Screenshot**
* **Record Screen** (record screen up to 15 mins by default)

For instance, click “**Screenshot**”.
{% endstep %}

{% step %}

#### Take a Screenshot of the Issue

Click "**Capture**" to instantly capture the issue screen. You can also grab a cropped screenshot.
{% endstep %}

{% step %}

#### Annotate the Screenshot (Optional)

Add annotations to the screenshot to highlight the issue from the annotations toolbar. Then, hit "✔️" to continue.
{% endstep %}

{% step %}

#### Add Feedback Details

Next, add the following details:

* **Issue Type** — (Optional: General Enquiry | Give Feedback | Report a Bug)
* **Title\* (Required)** —  Bug/Feedback/Enquiry title.
* **Description** — Quick summary, issue repro steps, and additional context.
* **Reporter\*** — Add your name as the reporter. It's a required field.
* **Assignee** (**OPTIONAL**) — Select an assignee from the Workspace members
* **Attachments** (**OPTIONAL**; Up to 3 | To be added by the reporter)
  {% endstep %}

{% step %}

#### Submit

Finally, hit “**Submit your feedback**” to share the report/feedback to the development team.
{% endstep %}
{% endstepper %}

You’re good to go. It generates a report link that you can use to access the submitted feedback.

After you submit the report gets added to the BetterBugs.io account.&#x20;

You can access the complete report in the BetterBugs.io dashboard. It should be available in the BetterBugs.io project that’s integrated with the feedback widget.