{"id":24260,"date":"2020-07-29T14:51:12","date_gmt":"2020-07-29T14:51:12","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=24260"},"modified":"2020-07-31T06:04:34","modified_gmt":"2020-07-31T06:04:34","slug":"how-to-search-dynamics-365-crm-data-using-scanned-barcode-value-in-canvas-app","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2020\/07\/how-to-search-dynamics-365-crm-data-using-scanned-barcode-value-in-canvas-app\/","title":{"rendered":"How to Search Dynamics 365 CRM data using Scanned Barcode value in Canvas App"},"content":{"rendered":"

Introduction<\/strong><\/h2>\n

In our previous blog<\/a> we have explained how to add Barcode Scanner in Power Apps and now we will explore how to search Dynamics 365 CRM data using the scanned barcode value. For example, in a convenience store all the products have barcodes. Once you scan these barcodes you will get the product details like name, price, size, description, etc.<\/p>\n

In this blog, we will see how to search entity data from Dynamics 365 CRM using the scanned barcode value in Canvas App. For example, there is product entity in CRM and this product entity data will be shown when user scans the barcode of a particular product.<\/p>\n

To achieve this, follow the steps given below:<\/p>\n

1<\/strong>. Create a Canvas app and add one Home Screen to it.<\/p>\n

2<\/strong>. On that Home Screen add Barcode Scanner from media as shown in below screenshot:<\/p>\n

\"Barcode<\/p>\n

3<\/strong>. After adding Barcode Scanner control to your Home Screen, it will be displayed as follows:<\/p>\n

\"Barcode<\/p>\n

4<\/strong>. Now in the \u2018OnScan\u2019 property of Barcode Scanner control you need to add following code.<\/p>\n

Launch(BarcodeScanner.Value);Navigate(DetailScreen, ScreenTransition.Fade, { scanvalue: BarcodeScanner.Value } )<\/strong><\/p>\n

Note:<\/em><\/strong><\/p>\n

Launch() function is used to launch Barcode Scanner to scan the barcode from product.<\/em><\/strong><\/p>\n

Navigate() function is used to redirect to Details Screen to view data as per the scanned value.<\/em><\/strong><\/p>\n

Refer below screenshot:<\/p>\n

\"Barcode<\/p>\n

5. Next, add the data source of product entity which will bind with DetailScreen (Edit Form) as shown in below screenshot:<\/p>\n

\"Barcode<\/p>\n

6<\/strong>. Now you need to add DetailScreen to view searched record details like name, id, description, price, etc. from CRM Product.<\/p>\n

\"Barcode<\/p>\n

7<\/strong>. Next, bind Product data source to DetailsScreen (Edit Form) as shown below:<\/p>\n

\"Barcode<\/p>\n

8<\/strong>. In the \u2018Item\u2019 property of Edit Form you need to add the following code to filter the data using barcode value which is scanned from Barcode Scanner control:<\/p>\n

\"Barcode<\/p>\n

For example, I have a product ArmBand 150 with product id – 1234567890 which is our scanned value. We will now search\/filter this record using our app. Barcode scanner value is nothing but the product id field in Dynamics 365 CRM.<\/p>\n

You can see below screen shot of Product in CRM. This data will be now populated in Canvas App.<\/p>\n

\"Barcode<\/p>\n

Once we scan in app, the corresponding product data will be populated in DetailScreen with all the details as shown below:<\/p>\n

\"Barcode<\/p>\n

Conclusion<\/strong><\/h2>\n

In this way, we can easily search\/filter Dynamics 365 CRM records in Canvas App based on Scanned Barcode Value.<\/p>\n","protected":false},"excerpt":{"rendered":"

Introduction In our previous blog we have explained how to add Barcode Scanner in Power Apps and now we will explore how to search Dynamics 365 CRM data using the scanned barcode value. For example, in a convenience store all the products have barcodes. Once you scan these barcodes you will get the product details\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":24272,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1954],"tags":[1867],"class_list":["post-24260","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-canvas-apps","tag-canvas-app"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/24260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=24260"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/24260\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/24272"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=24260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=24260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=24260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}