{"id":37156,"date":"2024-01-25T12:42:14","date_gmt":"2024-01-25T07:12:14","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=37156"},"modified":"2024-01-25T12:42:14","modified_gmt":"2024-01-25T07:12:14","slug":"offline-capabilities-in-the-canvas-app-within-dynamics-365-part-2","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/01\/offline-capabilities-in-the-canvas-app-within-dynamics-365-part-2\/","title":{"rendered":"Offline Capabilities in the Canvas App within Dynamics 365 \u2013 Part 2"},"content":{"rendered":"<p>In our previous <a href=\"https:\/\/www.inogic.com\/blog\/2024\/01\/offline-capabilities-in-the-canvas-app-within-dynamics-365-part-1\/\" target=\"_blank\" rel=\"noopener\">blog<\/a>, we discussed how to enable the <a href=\"https:\/\/www.inogic.com\/services\/microsoft-power-platform\/microsoft-power-apps-canvas-app\/\" target=\"_blank\" rel=\"noopener\">Canvas App<\/a> for offline use and work offline with canvas app, which helps those users who need continuous access to data even in the absence of a stable internet connection. In this blog, we will explore how to use files and images offline in canvas app.<\/p>\n<p>To enable the offline feature for images and files, the following prerequisites must be fulfilled:<\/p>\n<ul>\n<li>Set the maximum size, i.e., 10240 and 32768, to the image or file data type column from the advanced options in the column properties, as shown in the screenshot below:<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37165\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1188\" height=\"661\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365.jpeg 1188w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365-300x167.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365-1024x570.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365-768x427.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/1Canvas-App-within-Dynamics-365-660x367.jpeg 660w\" sizes=\"(max-width: 1188px) 100vw, 1188px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37164\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365.jpeg\" alt=\"anvas App within Dynamics 365\" width=\"1197\" height=\"666\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365.jpeg 1197w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365-300x167.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365-1024x570.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365-768x427.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/2Canvas-App-within-Dynamics-365-660x367.jpeg 660w\" sizes=\"(max-width: 1197px) 100vw, 1197px\" \/><\/p>\n<ul>\n<li>To ensure images are accessible in offline mode, it is necessary to include Image Descriptor and File Attachment tables in <strong>Mobile offline profiles<\/strong>. Please follow the below steps to add <strong>Image Descriptor and File Attachment<\/strong> tables to your <strong>Mobile offline profiles<\/strong>:<\/li>\n<\/ul>\n<p>1. Go to the <a href=\"https:\/\/admin.powerplatform.microsoft.com\/home\" target=\"_blank\" rel=\"noopener\">Power Platform Admin Center<\/a>, select a specific environment, click on <strong>Settings<\/strong> &gt; Expand <strong>Users + Permissions, <\/strong>option and click on <strong>Mobile Configuration.<\/strong> It will redirect to your <strong>Mobile Offline Profiles<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37163\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1245\" height=\"578\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365.jpeg 1245w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365-300x139.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365-1024x475.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365-768x357.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/3Canvas-App-within-Dynamics-365-660x306.jpeg 660w\" sizes=\"(max-width: 1245px) 100vw, 1245px\" \/><\/p>\n<p>2. Choose the offline editing profile for a specific Canvas App, navigate to <strong>Data Available Offline<\/strong> section, and click <strong>Add Table.<\/strong> It will open Add Table wizard window, as shown in the screenshot below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37162\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1246\" height=\"580\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365.jpeg 1246w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365-300x140.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365-1024x477.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365-768x357.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/4Canvas-App-within-Dynamics-365-660x307.jpeg 660w\" sizes=\"(max-width: 1246px) 100vw, 1246px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37161\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1918\" height=\"877\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365.jpeg 1918w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365-300x137.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365-1024x468.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365-768x351.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365-1536x702.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/5Canvas-App-within-Dynamics-365-660x302.jpeg 660w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>3. Select <strong>Image Descriptor<\/strong> and click on <strong>Next<\/strong>. After selecting table set, <strong>Choose the Rows You Want to Make Available Offline<\/strong> options to <strong>Related Rows Only<\/strong>. Expand the Relationships section and choose <strong>Column Name<\/strong> for each relevant column where the Data Type is configured as Image. Repeat this step to add <strong>File Attachment<\/strong> table.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37160\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1252\" height=\"590\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365.jpeg 1252w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365-300x141.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365-1024x483.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365-768x362.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/6Canvas-App-within-Dynamics-365-660x311.jpeg 660w\" sizes=\"(max-width: 1252px) 100vw, 1252px\" \/><\/p>\n<p>To enable offline support for file and image columns in the Canvas app, follow below steps:<\/p>\n<p>1. Navigate to <a href=\"https:\/\/make.powerapps.com\/\">Power Apps<\/a> &gt; Click on Apps &gt; Open a specific Canvas App &gt; Click on <strong>Settings<\/strong> option in the command bar.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37159\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1260\" height=\"581\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365.jpeg 1260w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365-300x138.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365-1024x472.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365-768x354.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/7Canvas-App-within-Dynamics-365-660x304.jpeg 660w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><\/p>\n<p>2. In the Settings, navigate to <strong>Upcoming Features<\/strong> section &gt; Click on Preview tab to search. <strong>Enable support for file\/image column in Dataverse offline<\/strong> feature &gt; Enable it from there &gt; Click on Save and Publish.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-37158\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"1274\" height=\"579\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365.jpeg 1274w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365-300x136.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365-1024x465.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365-768x349.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/8Canvas-App-within-Dynamics-365-660x300.jpeg 660w\" sizes=\"(max-width: 1274px) 100vw, 1274px\" \/><\/p>\n<p>After enabling all settings as mentioned above, you can now access images and files for offline use in the Canvas app, as shown below: &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-37157\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/9Canvas-App-within-Dynamics-365.jpeg\" alt=\"Canvas App within Dynamics 365\" width=\"318\" height=\"662\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/9Canvas-App-within-Dynamics-365.jpeg 439w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/9Canvas-App-within-Dynamics-365-144x300.jpeg 144w\" sizes=\"(max-width: 318px) 100vw, 318px\" \/> <img decoding=\"async\" class=\"alignnone wp-image-37166\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/10Canvas-App-within-Dynamics-365.jpg\" alt=\"Canvas App within Dynamics 365\" width=\"304\" height=\"658\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/10Canvas-App-within-Dynamics-365.jpg 646w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/10Canvas-App-within-Dynamics-365-139x300.jpg 139w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/01\/10Canvas-App-within-Dynamics-365-473x1024.jpg 473w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>As technology continues to advance, the integration of offline capabilities remains a key aspect of providing a seamless and continuous user experience. As illustrated above, we can now easily use images and files within your Canvas app when there is no internet connectivity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In our previous blog, we discussed how to enable the Canvas App for offline use and work offline with canvas app, which helps those users who need continuous access to data even in the absence of a stable internet connection. In this blog, we will explore how to use files and images offline in canvas\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2024\/01\/offline-capabilities-in-the-canvas-app-within-dynamics-365-part-2\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":11,"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":[1988],"class_list":["post-37156","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","tag-canvas-apps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/37156","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=37156"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/37156\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=37156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=37156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=37156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}