{"id":34172,"date":"2023-03-07T17:07:19","date_gmt":"2023-03-07T11:37:19","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=34172"},"modified":"2023-03-10T10:03:18","modified_gmt":"2023-03-10T04:33:18","slug":"how-to-use-autocomplete-of-dataverse-search-in-canvas-app","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2023\/03\/how-to-use-autocomplete-of-dataverse-search-in-canvas-app\/","title":{"rendered":"How to use Autocomplete of Dataverse Search in Canvas App?"},"content":{"rendered":"

Recently, I was working on a requirement in the Canvas app regarding autocomplete. We wanted to display the auto-complete suggestion based on the account names as they were typed in. After fiddling around with the requirement, I stumbled upon the Dataverse Search<\/a>. Microsoft recently came out with Dataverse Search API, which consists of various search features, and autocomplete is a part of it. Let\u2019s dive in and see how to use that in a Canvas app.<\/p>\n

So, for a basic setup, I\u2019ve taken one text input and one label control. On change of the text input, I will call a Power Automate Flow, which will return the autocomplete response.<\/p>\n

Power Automate Flow –<\/strong><\/p>\n

In the power automate flow, I\u2019m calling the autocomplete API shown below \u2013<\/p>\n

\"Canvas<\/p>\n

The API of autocomplete goes like {crmURL}\/api\/search\/v1.0\/autocomplete<\/em><\/strong> and in the body of the request, we need to pass the search term, which I\u2019m passing from the Canvas app and restrict the autocomplete to only account entity. After getting the response from the API, we need to parse the response, which is in JSON form, as shown below \u2013<\/p>\n

\"Canvas<\/p>\n

After parsing the response, I\u2019m storing the value after removing the {crmhit} & {\/crmhit} that is returned in the response. So, for that, we will use replace function provided in Power Automate Flow as shown below \u2013<\/p>\n

\"Canvas<\/p>\n

After storing the autocomplete response in a variable, I\u2019m simply returning it to the Canvas app like below \u2013<\/p>\n

\"Canvas<\/p>\n

This is it for the Power Automate Flow; now we will see the Canvas app.<\/p>\n

In the Canvas app, I\u2019ve added a text input control. On change of the same, I\u2019m calling the Power Automate Flow that we created before and storing the response passed from flow in a variable like below \u2013<\/p>\n

\"Canvas<\/p>\n

And in the Text property of label control, I\u2019m showing the variable that we\u2019ve stored.<\/p>\n

\"Canvas<\/p>\n

So, after everything is set up, let\u2019s see the autocomplete in action.<\/p>\n

\"\"<\/p>\n

Conclusion<\/strong><\/p>\n

This is how we can use autocomplete feature in the Canvas app.<\/p>\n

Want to visualize, design, and build a business app from a canvas in Microsoft Power Apps<\/a>?<\/div><\/div><\/h3>\n

Wish to do it without writing code in a traditional programming language?
\nContact us at crm@inogic.com<\/a> and our Microsoft Dynamics 365 and Power Platform Inogic- Professional Services Division will help you achieve it effortlessly!\u201d
\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Recently, I was working on a requirement in the Canvas app regarding autocomplete. We wanted to display the auto-complete suggestion based on the account names as they were typed in. After fiddling around with the requirement, I stumbled upon the Dataverse Search. Microsoft recently came out with Dataverse Search API, which consists of various search\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"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-34172","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","tag-canvas-app"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/34172","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=34172"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/34172\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=34172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=34172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=34172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}