Power Apps Camera Control [How to Use]

Did you know Power Apps has a control called “Camera“? Do you want to know how to use it? If Yes, then follow this complete tutorial!

In this Microsoft Power Apps tutorial, I will explain everything related to Power Apps Camera Control and its key properties with various scenarios.

Further, you will learn how to add a Camera control in Power Apps and many more:

  • How to use a Camera control in Power Apps
  • How to snap pictures on the Power Apps Camera Button click

Power Apps Camera Control

Power Apps camera control allows users to capture images using their camera on Android or iOS devices.

For this feature to work correctly, the device must have a camera, and the app must have permission to access it. Users can click on the camera control to capture images, which will take real-time pictures.

Add Power Apps camera control

The most recently taken picture can be accessed through the Photo property.

Camera control in Power Apps

This is the overview of Power Apps Camera control.

Power Apps Camera Control Properties

In this section, I will explain the properties of the Power Apps Camera control:

Property NameDescription
AccessibleLabelThis property is assigned to a screen reader label.
Border ColorA user can specify the color for a border.
Border StyleThis property specifies the type of border that the control should have [“Solid,” “Dashed,” “Dotted,” “None”].
CameraTo avoid confusion on devices with multiple cameras, kindly specify the numeric ID of the camera to be used.
DisplayModeDetermines whether it enables user input (Edit), only displays data (View), or is disabled (Disabled).
OnSelectWhen the user clicks on a control, it specifies what action to perform.
OnStreamWhen the user changes a Stream property, it specifies what action to perform.
StreamRateThe refresh rate for the image on the Stream property should be specified in milliseconds. The range for this value can vary from 100 (equivalent to 1/10th of a second) to 3,600,000 (equivalent to 1 hour).
TabIndexThis refers to the keyboard navigation sequence that is related to other controls.
VisibleHere, we can specify whether the camera control can be visible.

These are the properties of a Power Apps Camera control.

How to Add Power Apps Camera Control

Here, I will show you how to insert a camera control in Power Apps:

  • Sign in to Power Apps with your valid Microsoft 365 Credentials.
  • Create a Blank canvas app -> On the Power Apps screen, insert a Camera control. [Click on +Insert -> Expand Media -> Select Camera].
Add camera control in Power Apps
  • Please grant permission to the application to access your device’s camera if prompted.
How to use camera control in Power Apps
  • The Camera control will appear like the screenshot below.
Add Power Apps camera control
  • By default, the camera control name will be “Camera1“; you can Rename it using “cam” based on your requirement.
How to add Power Apps camera control

This is how to insert a Power Apps Camera control.

How to Use Camera Control in Power Apps

This section will show you how to use the Power Apps camera control.

  • On the Power Apps screen, insert a Camera control -> Set its OnSelect property to:
cmr_Requirement.Photo

Where,

  1. cmr_Requirement = Camera control name
How to work with Camera Control in Power Apps
  • SavePublish, and Preview the app. Now, take the picture by tapping the control, and you will see the result.
Using Power Apps camera control

This is how I work with a Camera control in Power Apps.

How to Capture Photos Using Power Apps Camera Control

This section will explain how to capture the photos using the Power Apps camera control.

Example:

I created a Power Apps canvas app and added a Camera and Button control. When the user needs to capture an image, he/she will click on the Capture button and take the snaps.

How to capture photos using camera control in Power Apps

The captured image will be saved to the collection as shown below:

Save the captured image to Power Apps collection

Follow the below steps to achieve this:

  • On the Power Apps screen, insert a Camera control -> Set its StreamRate property to:
100
How to capture photos using Power Apps camera control
  • Insert a Button control -> Set its OnSelect property to:
Collect(
    colPhotos,
    cmr_Capture.Stream
)

Where,

  1. colPhotos = Provide the collection name
  2. cmr_Capture = Camera control name
Capture photos using Power Apps camera control
  • SavePublish, and Preview the app. When capturing the image, click on a button control.
Capture photos on Button Click in Power Apps camera control
  • The clicked image will be saved to a collection as shown below:
How to capture photos on Button Click in Power Apps camera control

This is how to snap pictures on a button click in Power Apps camera control.

Conclusion

I believe that this Microsoft Power Apps tutorial gave you an overview of a Power Apps Camer control, like what a camera control in Power Apps and its essential properties.

Also, we will discuss how to add a camera control in Power Apps and its uses with some simple examples.

Moreover, you may like some more Power Apps tutorials: