{"id":34242,"date":"2023-03-13T14:20:44","date_gmt":"2023-03-13T08:50:44","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=34242"},"modified":"2023-03-13T15:09:13","modified_gmt":"2023-03-13T09:39:13","slug":"how-to-connect-power-apps-cards-to-dataverse-and-debug-them","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2023\/03\/how-to-connect-power-apps-cards-to-dataverse-and-debug-them\/","title":{"rendered":"How to connect Power Apps Cards to Dataverse and Debug them"},"content":{"rendered":"

In our last blog related to Power App cards, we learned how to create and design a power app card and designing of it<\/a>.<\/p>\n

In this blog we will learn about Connecting the card to Microsoft Dataverse, storing the values in the Dataverse table, and debugging the card.<\/p>\n

Follow the below steps to connect the cards to Microsoft Dataverse so that values can be stored in the respective table.<\/p>\n

Step 1. Click on the Data<\/strong> icon and select Add data<\/strong> as shown below.<\/p>\n

\"Power<\/p>\n

Step 2. Select Microsoft Dataverse and select your table as shown below.<\/p>\n

\"Power<\/p>\n

Step 3. Select the table and click on the Select <\/strong>button.<\/p>\n

\"Power<\/p>\n

Step 4: Add a screen to the card by clicking on the New Screen option as shown below.<\/p>\n

\"Power<\/p>\n

Give a name to it.<\/p>\n

\"Power<\/p>\n

Step 5: On the next screen add label text and input field.<\/p>\n

\"Power<\/p>\n

Step 6: We give a title and assign a variable name recordId which we are using to store the id of the record that is being created after clicking on submit button to populate the ID.<\/p>\n

\"Power<\/p>\n

Step 7: Add a formula on Submit<\/strong> button to store the values in CRM.<\/p>\n

\"Power<\/p>\n

Formula<\/strong>:<\/p>\n

Set<\/strong>(recordId,Collect<\/strong>(new_registration,{Name:txt_Name, new _employeeid:txt_Id,
\nnew _department:txt_Department, new _phone:Value(txt_Phone), new _emailid:txt_Email,
\nnew _bringingfamilymembers:Text(choiceSet), new _eventdate:Text(EventDate),
\nnew _eventtime: Text(EventTime)}).Registration);<\/p>\n

Navigate<\/strong>(Success);<\/p>\n

Here, we have used the Collect<\/strong> formula to store the values in Dynamics CRM.<\/p>\n

Collect ( Entity logical name, { Column name: Name of the field in card } )
\n<\/em><\/strong>
\nTo get the record id that has been created by the collect functionality we add the collect formula inside the Set<\/strong> function.<\/p>\n

Set<\/em><\/strong> (<\/strong>variable name, Collect<\/strong>())<\/strong>;<\/em><\/p>\n

To Navigate to another page, we have used Navigate function.<\/p>\n

Navigate(<\/em><\/strong>screen name)<\/strong><\/em><\/p>\n

Step 8: To run your card please click on the Play<\/strong> button as shown in the below image.<\/p>\n

\"Power<\/p>\n

After running the card, fill in the details, and once you click on submit button the entered data will get stored in Microsoft Dataverse.<\/p>\n

But to check whether the values are getting assigned properly or not or to check the errors, we can debug the card. Debugging is achievable from debug panel that Microsoft has provided in cards.<\/p>\n

Follow the below steps to debug the card –\u00a0<\/strong><\/h3>\n

1. Click on the Play<\/strong> button first to run your app as shown in the above image.<\/p>\n

\"Power
\n2. Enter the values in respective fields and click on Submit<\/strong> button.<\/p>\n

\"Power
\n3. After clicking on submit button, the user will get navigated to the next screen where the user can check the record id.<\/p>\n

\"Power
\n4. Click on Debug<\/strong> panel to open the debugging session as shown in the below image.<\/p>\n

\"Power
\n5. After you click on Debug panel, you will be able to see the below window.<\/p>\n

\"Power<\/p>\n

Memory:- This tab shows, the variables and values assigned to it.<\/p>\n

For eg., We passed Smith as a value for the name and in the debugging window I can see that Smith has been assigned to the txt_Name field.<\/p>\n

\"Power<\/p>\n

JSON<\/strong>:- JSON tab represents the JSON representation of the card.<\/p>\n

\"Power<\/strong><\/p>\n

Info<\/strong>:- The Info tab displays the card’s Environment ID, Card ID, and User.<\/p>\n

\"Power<\/p>\n

Conclusion<\/h2>\n

It is very easy to connect Power App Cards to Dataverse and we can check the stored values while debugging these cards.<\/p>\n

\"Microsoft<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

In our last blog related to Power App cards, we learned how to create and design a power app card and designing of it. In this blog we will learn about Connecting the card to Microsoft Dataverse, storing the values in the Dataverse table, and debugging the card. Follow the below steps to connect the\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":[44],"tags":[2660],"class_list":["post-34242","post","type-post","status-publish","format-standard","hentry","category-power-apps","tag-power-apps-cards"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/34242","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=34242"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/34242\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=34242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=34242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=34242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}