# Camera Input

## Add a camera input

1. Open an existing [application ](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/applications/create#create-application)or create a new one in an [application package](https://docs.novacura.com/flow-connect/working-with-connect/create-and-design/application-packages) and open it in the Designer.
   1. Add a User step.&#x20;
   2. Open the User step.
   3. Add a Camera Input.&#x20;
   4. In the Output, in the Target Variable, write "picture".
   5. In the Prompt, write "Take a picture or choose from your gallery".&#x20;
2. Click the **Play** button in the top right-hand corner to run the application in diagnostic mode.

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FEbXG00fqB7wzigGXt2lz%2FCamera%20input.png?alt=media&#x26;token=e0c4c968-88fd-4314-970a-162f29dfb864" alt=""><figcaption><p>In the designer in the web, you only have the option to add a picture from your library.</p></figcaption></figure>

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FflCxPIEq3uBz0olCGC6L%2FCamera%20input2.png?alt=media&#x26;token=36ec7c33-c213-49f0-b3aa-a6155313c959" alt=""><figcaption><p>In the mobile application, you click the image-symbol to get the option to take a picture with your camera or choose an existing one from your library or a file. </p></figcaption></figure>

Once you have chosen a picture, you can edit it by clicking on it.&#x20;

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FBSRaxQdfY9gpReQLJhic%2FCamera%20input3.png?alt=media&#x26;token=7ccd20e7-e2ec-4430-92ad-0b1d8e514b97" alt=""><figcaption></figcaption></figure>

2. In the menu on the top of the page, you have a variety of options to edit the picture.&#x20;

   * Crop and transform&#x20;
   * Annotation
   * Finetune
   * Filter
   * Frame
   * Resize

   Each options opens it's list of options, click through them to find what suits you best. You can undo your changes or zoom in/out on the upper, left side. You can cancel or save your changes, and reset the picture on the upper, right side.&#x20;
3. Condition to hide&#x20;
   1. In the Condition To Hide, write “{userId = “*your user id”*} *(the user Id you log in to Connect with)*
   2. Run the application in diagnostic mode again.

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2F30JbA6gLpdXaMHuSOvLR%2FWith%20border.png?alt=media&#x26;token=589bec14-8458-499f-ac8b-73b3da8387ab" alt=""><figcaption><p>The image is now hidden since the condition is fulfilled.</p></figcaption></figure>
