{"id":626,"date":"2023-02-20T01:09:00","date_gmt":"2023-02-20T01:09:00","guid":{"rendered":"https:\/\/automatethemundane.com\/index.php\/2023\/02\/20\/adding-a-canvas-app-to-a-model-driven-app-part-3-completing-canvas-app-and-uploading-files-to-sharepoint-vs-dataverse\/"},"modified":"2023-02-20T01:09:00","modified_gmt":"2023-02-20T01:09:00","slug":"adding-a-canvas-app-to-a-model-driven-app-part-3-completing-canvas-app-and-uploading-files-to-sharepoint-vs-dataverse","status":"publish","type":"post","link":"https:\/\/automatethemundane.com\/index.php\/2023\/02\/20\/adding-a-canvas-app-to-a-model-driven-app-part-3-completing-canvas-app-and-uploading-files-to-sharepoint-vs-dataverse\/","title":{"rendered":"Adding a Canvas App to a Model Driven App-Part 3 Completing Canvas App and Uploading files to SharePoint vs Dataverse"},"content":{"rendered":"\n

2\/20\/2023<\/p>\n\n\n

\n\n\n

The Why<\/h1>\n\n\n

This section will guide you through completing the canvas app, enabling it to save documents to the SharePoint Document library vs saving it to Dataverse, and marking the file as complete in Dataverse. <\/p>\n\n\n

The How<\/h1>\n\n\n

This guide is built as thought the SharePoint Document Library Integration has been configured and is live. Use the following guides to properly configure the integration. <\/p>\n\n\n

App Design<\/h2>\n\n\n
    \n
  1. Add a save icon to the gallery. \n
    \"\"\/<\/figure>\n<\/li>\n\n\n\n
  2. Set the template fill to a IF statement based off of the Completed column. \n
    \"\"\/<\/figure>\n\n\n
    If(\n    Text(ThisItem.Completed) = "No",\n    RGBA(\n        0,\n        0,\n        0,\n        0\n    ),\n    LightGreen\n)<\/code><\/pre>\n<\/li>\n\n\n\n
  3. Set the attachment control to hide if the attachment is marked as completed. \n
    If(\n    Text(ThisItem.Completed) = "No",\n    true\n)<\/code><\/pre>\n<\/li>\n\n\n\n
  4. To prevent users from uploading files when nothing is attached, we can hide the save icon until a file is attached.<\/li>\n\n\n\n
  5. Select the save icon, set the visible to hidden until an attachment is added<\/li>\n<\/ol>\n\n\n
    !IsBlank(First(attachmentControlUS.Attachments).Value)<\/code><\/pre>\n\n\n
    Upload form with Automate Flow<\/h2>\n\n\n
      \n
    1. From the left hand pane create a new flow\n
      \"\"\/<\/figure>\n<\/li>\n\n\n\n
    2. Delete the Power Apps trigger and replace it with the Power Apps V2 trigger. Add the following items to the trigger\n
        \n
      1.  Document Type<\/li>\n\n\n
      2. Document Name<\/li>\n\n\n
      3. Request ID<\/li>\n\n\n
      4. Document ID<\/li>\n\n\n
      5. File Content\n
        \"\"\/<\/figure>\n<\/li>\n<\/ol>\n<\/li>\n\n\n\n
      6. Add a SharePoint Create a file action\n
          \n
        1. The SharePoint site will be the one configured for the particular table<\/li>\n\n\n
        2. The Folder Path will match the folder path setup during the custom SharePoint link<\/li>\n\n\n
        3. The File Name is a concatenation of the Document type and the file name<\/li>\n\n\n
        4. The File Content will be the file content from the trigger<\/li>\n<\/ol>\n\n\n
          \"\"\/<\/figure>\n<\/li>\n\n\n\n
        5. Add a SharePoint Get file properties action. This action is used to get the SharePoint URL and other attributes\n
            \n
          1. The Site address is the same as above<\/li>\n\n\n
          2. The Library is the same as above<\/li>\n\n\n
          3. The Id is the ID from the above action<\/li>\n<\/ol>\n\n\n
            \"\"\/<\/figure>\n<\/li>\n\n\n\n
          4. Add a Dataverse Update a row action\n
              \n
            1. The Table name will be the documents table<\/li>\n\n\n
            2. The Row ID will be the Document ID from the trigger<\/li>\n\n\n
            3. The Completed will be marked as \u201cyes\u201d<\/li>\n\n\n
            4. the SharePoint Link will be gathered from the above action. <\/li>\n<\/ol>\n\n\n
              \"\"\/<\/figure>\n<\/li>\n<\/ol>\n\n\n
              App code<\/h2>\n\n\n
              Back in the canvas app we will now finish the app and the code to kick off the flow. <\/p>\n\n\n
                \n
              1. Add a new screen to the app called Complete Screen\n
                \"\"\/<\/figure>\n<\/li>\n\n\n\n
              2. On the gallery save icon add the following code\n
                \"\"\/<\/figure>\n\n\n
                Select(Parent);\nUploadfiletoSharePointandmarkascompletedinDataverse.Run(\n    ThisItem.'Document Type',\n    First(attachmentControlUS.Attachments).Name,\n    ThisItem.'Customer Requests'.'Customer Requests',\n    ThisItem.'Purchase Request Documents',\n    {\n        contentBytes: First(attachmentControlUS.Attachments).Value,\n        name: First(attachmentControlUS.Attachments).Name\n    }\n);\nNavigate('Complete Screen')<\/code><\/pre>\n<\/li>\n\n\n\n
              3. The canvas app is now ready to test.<\/li>\n<\/ol>\n\n\n
                Testing the App<\/h2>\n\n\n
                  \n
                1. From the MDA create a new record. The Canvas app along with the documentation location will be displayed\/created. \n
                  \"\"\/<\/figure>\n\n\n
                  \"\"\/<\/figure>\n<\/li>\n\n\n\n
                2. Upload a file using the document control and verify that the file uploads and is marked as completed. \n
                  \"\"\/<\/figure>\n\n\n
                  \"\"\/<\/figure>\n<\/li>\n\n\n\n
                3. The app's core functionality and flow have been completed. Further enhancements can now be made to the UI to improve the canvas app.<\/li>\n<\/ol>\n\n","protected":false},"excerpt":{"rendered":"
                  2\/20\/2023 The Why This section will guide you through completing the canvas app, enabling it to save documents to the SharePoint Document library vs saving it to Dataverse, and marking the file as complete in Dataverse. The How This guide is built as thought the SharePoint Document Library Integration has been configured and is live. […]<\/p>\n","protected":false},"author":1,"featured_media":135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[18,4,5,29],"class_list":["post-626","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-canvas-app","tag-mda","tag-power-apps","tag-power-automate","entry","has-media"],"jetpack_featured_media_url":"https:\/\/automatethemundane.com\/wp-content\/uploads\/2023\/05\/cover-9-scaled.jpg","_links":{"self":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts\/626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/comments?post=626"}],"version-history":[{"count":0,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/posts\/626\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/media\/135"}],"wp:attachment":[{"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/media?parent=626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/categories?post=626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/automatethemundane.com\/index.php\/wp-json\/wp\/v2\/tags?post=626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}