How To Open Barcode Scanner On Iphone
In this PowerApps tutorial, We will discuss what is a Barcode scanner control in PowerApps and its important properties. How to use PowerApps Barcode Scanner.
Also, We will see what are the Barcode Availability by Device in Powerapps, How to use Powerapps Barcode Scanner Onscan, and Powerapps Barcode Scanner multiple scans.
By taking a simple scenario, We will learn how to store the Powerapps Barcode Scan in the SharePoint List and as well as in the Excel sheet.
Powerapps Barcode Scanner Control
PowerApps Barcode Scanner Control is just like a PowerApps camera control that helps to scan a Barcode, Data-matrix codes, and QR codes on an Android or iOS device.
The only difference between a Camera control and a Barcode Scanner control is, Camera works in continuous capture mode where the barcode scanner detects the QR code in focus mode or view mode.
NOTE:
The Powerapps Barcode Scanner Control does not work in the Web browser. It only supports Android and iOS devices. If you will use this scanner control in any other platform, then it may show any warning message that some features of the app won't work.
Powerapps Barcode Scanner Properties
Below are some Powerapps Barcode Scanner Proeprties that a user can use:
- OnScan: When a barcode is scanned successfully, then it shows how the app responds.
- OnCancel: When a user has canceled the barcode, then it shows how the app responds.
- Type: It is the output property that contains the type of code that was most recently scanned.
- Value: It is the output property that contains the text value of code that was most recently scanned.
- BarcodeType: You need to specify the barcode type to scan. You can target multiple barcode types by concatenating them. Ex. BarcodeType.Code128 & BarcodeType.Code39 Default: Auto
- FlashlightEnabled: It specifies whether the flashlight is enabled automatically or not when the scanner is opened.
- PreferFrontCamera: It specifies whether the front-facing camera is enabled or not when a user is using the scanner.
Supported Barcode Types in PowerApps
You can see the below table that represents what type of Powerapps Barcode types supports in Android and as well as in iOS devices.
| Barcode Type | Android | iOS |
|---|---|---|
| QR_CODE | Yes | Yes |
| DATA_MATRIX | Yes | Yes |
| UPC_A | Yes | Yes |
| UPC_E | Yes | Yes |
| EAN_8 | Yes | Yes |
| EAN_13 | Yes | Yes |
| CODE_39 | Yes | Yes |
| CODE_93 | Yes | Yes |
| CODE_128 | Yes | Yes |
| CODABAR | Yes | No |
| ITF | Yes | Yes |
| RSS14 | Yes | No |
| PDF_417 | Yes | Yes |
| RSS_EXPANDED | Yes | No |
| MSI | No | No |
| AZTEC | Yes | Yes |
Note:
PDF_417 and AZTEC aren't supported in Auto mode.
For your reference, I am giving a quick sample image of Powerapps Barcodes:
PowerApps Barcode Scanner Onscan
Here, We will see how we can use the barcode scanner control in the Powerapps screen. Follow these below things:
- Sign in the PowerApps app with your credentials.
- Create a new Canvas app and choose any one Layout either Tablet or Phone.
- On the Powerapps Blank screen, Insert a Barcode scanner (Insert -> Media -> Barcode scanner) as like below screenshot:
When you will insert the Barcode scanner, it will appear as a Button with an Auto Border Type.
- Select and rename the Scan button (optional) and apply this below formula on its OnScan property as:
OnScan = Set(varScan, BarcodeScanner1.Value) Where,
- varScan = Variable name
- BarcodeScanner1 = Barcode Scanner Control Name
- Now I will set the scanner variable in a Label control so that whatever barcode it will scan, the code will display in that specific label.
- Insert two Labels (Insert -> Label) where one is for Barcode Scan Result (To view the text) and in another label, set the variable on its Text property as:
Text = varScan Where,
varScan = Variable name which is created in the OnScan property of the Scan button.
- If you will preview (F5) the Powerapps Barcode Scanner app and click on the scan button, then you will see an error message as shown below:
It is clearing telling that the barcode scanner control is not supported in the web browser. For that, you need to install the Powerapps on your mobile and then you can use it.
Preview the Powerapps Barcode Scanner app on Mobile
If you will open the powerapps in your Mobile browser and preview the app, then it will tell you to install the Power Apps for mobile as shown below. Just click on the Get Power Apps link to install the Powerapps on your Mobile.
After Installation, Signin Powerapps with your Microsoft credential (in Phone only) and go to Apps. Click on your Barcode Scanner app as like below.
It will ask you to allow the Camera permission to use the Barcode scanner. Click on the Allow button.
Now you can see the Barcode Scan button with a Text box in your app. When you will click on the Scan button, the camera will open that will help you to scan a barcode.
Scan a Barcode using the camera as like below screenshot.
It will scan the Barcode and store the Barcode value in the Text box (Barcode Scan Result).
Scan the Barcode and Open the link in Browser
Suppose, you want to scan the Barcode and at the same time, it will open the Barcode link in the Browser. Then in this case, simply, you can use the Powerapps Launch function on the Barcode scanner OnScan property as:
OnScan = Launch(BarcodeScanner2.Value) 
Open the Barcode scanner app on your phone and click on the Scan button (Scan the Barcode and Go).
It will scan the Barcode using the Camera and at the same time, the link will open in the browser.
You can refer the below screenshot.
Powerapps Barcode Scanner multiple
Here, We will see how to do multiscan using the Powerapps Barcode Scanner and store it in a Gallery control.
Insert a Barcode Scanner and rename it to "Barcode MultiScan". Select the scan button and apply the below formula on its OnScan property as:
OnScan = Collect(multiScanCollect, {BarcodeValue: BarcodeScanner3.Value, BarcodeType: BarcodeScanner3.Type, ScannedPerson: User().FullName, ScannedTime: Now()}) Where,
- multiScanCollect = Collection name
- BarcodeScanner3.Value = It is a barcode scanner control name that will store the scan values.
- BarcodeScanner3.Type = It will store the Barcode scan type
- User().FullName = It will get the full name of the person who recently scanned the Barcode.
- Now() = It is the function which helps to get the Date and Time when the Barcode scans.
Add a Vertical Gallery Control (Insert -> Gallery -> Vertical) and select the Data source as "multiScanCollect" (that you are created in the Barcode scanner OnScan property).
Select the Layout as Title and Subtitle. Click on Edit from the Fields section (from Properties pane) and select the fields that you want to view in the gallery.
Now on your phone, if you will scan the code by using the Barcode Multiscan button, then the barcode value will collect in the vertical gallery as shown below.
Normally, People would have a question that, where they can store the recently Barcode Scanned value.
Not only the Barcode value but also they may want to store more details about the Powerapps Barcode Scanner as Barcode Type, the person who recently scanned, Barcode scanner Time, etc.
In this case, SharePoint List or an Excel spreadsheet is a better option where you can store the Powerapps Barcode Scanner details.
I have created a SharePoint List named "Barcode Scans". This list has below fields with different data types as:
- Barcode Scanned Value: By default, this is the Title field with a Single Line of Text. I just renamed it. Here, the Barcode Scan value will store.
- Barcode Type: This is a Single Line of Text column where the type of Barcode will store.
- Scanned Person: This is also a single line of Text column which will contain the person full name who scanned the Barcode.
- Scanned Time: This is a Date picker field (including Time) that will store the Date and Time when the Barcode scans.
In the Powerapps Barcode Scanner app, Connect the Data source as SharePoint. Go to View -> Data sources -> Expand Connectors and select SharePoint -> Add a new connection or existing connection as shown below.
Connect the SharePoint Site, Choose your SharePoint List (Barcode Scans), and hit the Connect button. Then the SharePoint List will be added into the Powerapps app.
Insert a Barcode Scanner and rename it to "Scan the Barcode to SharePoint List". Select the scan button and apply the below formula on its OnScan property as:
OnScan = Patch('Barcode Scans', {Title: BarcodeScanner4.Value, BarcodeType: BarcodeScanner4.Type, ScannedPerson: User().FullName, ScannedTime: Now()}) Where,
- Patch = It is the Powerapps function that helps to create or modify the item in SharePoint List.
- Barcode Scans = SharePoint List name where you want to store the Barcode scan values.
- BarcodeScanner4.Value = It is a barcode scanner control name that will store the scan values.
- BarcodeScanner4.Type = It will store the Barcode scan type.
- User().FullName = It will get the full name of the person who recently scanned the Barcode.
- Now() = It is the function which helps to get the Date and Time when the Barcode scans.
If you are new to Powerapps Patch function, then you can refer this link: PowerApps Patch Function with examples
Now in your phone, open the scanner app and click on the "Scan the Barcode to SharePoint List" button. It will catch the Barcode and store the details into the SharePoint List as below screenshot.
PowerApps Barcode Scanner to Excel
This is almost similar to the SharePoint List. The only difference is, Instead of a SharePoint List, you will use a Excel spreadsheet.
Similarly, In the Powerapps app, you will connect the Data source connector as "Import from Excel" and choose your Excel spreadsheet name.
Example:
- Suppose, you have an Excel spreadsheet named "BarcodeScanInfo" and it will have the same columns as above the SharePoint List columns (BarcodeScannedValue, BarcodeType, ScannedPerson, and ScannedTime).
- In the Powerapps app, Connect the Excel to Powerapps and choose the Excel sheet name as BarcodeScanInfo.
- Insert a Barcode Scanner and apply this below formula on its OnScan property as:
OnScan = Patch( BarcodeScanInfo, Defaults(BarcodeScanInfo), { BarcodeScannedValue: BarcodeScanner1.Value, BarcodeType: BarcodeScanner1.Type, ScannedPerson: User().FullName, ScannedTime: Now() }) Where,
- Patch =It is the Powerapps function that helps to create or modify the item in the Excel spreadsheet.
- BarcodeScanInfo = Excel spreadsheet name
- Defaults(BarcodeScanInfo) = This Default function will help you to create a new record in the Excel sheet.
Now in your phone, open the scanner app and click on the scan button. It will catch the Barcode and store the details into an Excel spreadsheet.
Also, you may like these below Powerapps Tutorials:
- Show hide fields based on dropdown selection PowerApps
- PowerApps set field value based on another field
- Embed PowerApps in SharePoint modern page
- PowerApps toggle control + How to use with example
- How to use date time picker in PowerApps
- PowerApps Search Function + How to use with example
- PowerApps Timer Control: How to use + start and reset with button
- Create People Picker in PowerApps with Combo Box
- PowerApps Dropdown Example
- PowerApps Employee Directory
In this PowerApps tutorial, We learned about the Powerapps Barcode scanner control, its important properties, and how to use barcode scanner PowerApps.
Also, We saw all the supported Barcode Types in Powerapps, How to use Powerapps Barcode Scanner Onscan, and Powerapps Barcode Scanner multiple scans.
We learned how to store the Powerapps Barcode Scan in the SharePoint List and as well as in the Excel sheet.
I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site EnjoySharePoint.com
How To Open Barcode Scanner On Iphone
Source: https://www.spguides.com/powerapps-barcode-scanner/
Posted by: bateshipleoped.blogspot.com
0 Response to "How To Open Barcode Scanner On Iphone"
Post a Comment