{"id":32780,"date":"2022-10-08T17:00:09","date_gmt":"2022-10-08T11:30:09","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=32780"},"modified":"2022-10-17T11:57:18","modified_gmt":"2022-10-17T06:27:18","slug":"new-mobile-offline-first-setup-within-powerapps","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2022\/10\/new-mobile-offline-first-setup-within-powerapps\/","title":{"rendered":"New Mobile \u201cOffline-First\u201d Setup within PowerApps"},"content":{"rendered":"<p>In the last <a href=\"https:\/\/buff.ly\/3RK8dq7\" target=\"_blank\" rel=\"noopener\">blog<\/a>, we saw How to enable model-driven apps for offline use. Refer to the following link to enable the model-driven app for offline use.<\/p>\n<p>After enabling the app for offline use, the following pop-up gets displayed on the screen.<\/p>\n<p>The user is prompted to download the offline data as shown in the following screenshot. However, users also have an option to skip downloading data due to which the offline experience was not satisfactory.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32788\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/1New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"428\" height=\"307\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/1New-Mobile-Offline-First-Setup.jpeg 428w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/1New-Mobile-Offline-First-Setup-300x215.jpeg 300w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><\/p>\n<p>Now Dynamics 365 has introduced a new setting called \u201c<strong>offline first mode<\/strong>\u201d with the help of which the user will no longer get the option to skip downloading data for offline use. Instead, now the data will be downloaded automatically in the background.<\/p>\n<p>The offline data will now be automatically synced in the background hence the data will always be the same, regardless of the network connection.<\/p>\n<h2><strong>Enable offline-first Setting<\/strong><\/h2>\n<p>The offline-first setting is an app-based setting. It could be enabled using the following steps:<\/p>\n<p>1. Sign in to power apps<\/p>\n<p>2. Select Apps from the left pane<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32787\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/2New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"814\" height=\"683\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/2New-Mobile-Offline-First-Setup.jpeg 814w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/2New-Mobile-Offline-First-Setup-300x252.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/2New-Mobile-Offline-First-Setup-768x644.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/2New-Mobile-Offline-First-Setup-660x554.jpeg 660w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/p>\n<p>3. Select the desired model-driven app that you want to enable offline and select Edit to open the modern app designer for the same<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32786\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/3New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"943\" height=\"695\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/3New-Mobile-Offline-First-Setup.jpeg 943w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/3New-Mobile-Offline-First-Setup-300x221.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/3New-Mobile-Offline-First-Setup-768x566.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/3New-Mobile-Offline-First-Setup-660x486.jpeg 660w\" sizes=\"(max-width: 943px) 100vw, 943px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32785\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/4New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"545\" height=\"651\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/4New-Mobile-Offline-First-Setup.jpeg 545w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/4New-Mobile-Offline-First-Setup-251x300.jpeg 251w\" sizes=\"(max-width: 545px) 100vw, 545px\" \/><\/p>\n<p>4. On the command bar, select Settings<\/p>\n<p>5. On the Upcoming tab, set the \u201cChoose the offline mode to apply to your app\u201d toggle to No.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32784\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/5New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"1004\" height=\"655\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/5New-Mobile-Offline-First-Setup.jpeg 1004w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/5New-Mobile-Offline-First-Setup-300x196.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/5New-Mobile-Offline-First-Setup-768x501.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/5New-Mobile-Offline-First-Setup-660x431.jpeg 660w\" sizes=\"(max-width: 1004px) 100vw, 1004px\" \/><\/p>\n<p>6. Select Save and then Publish the app.<\/p>\n<p>Note: Some features are only available when the user is online such as dashboards, charts, multiple-table business process flows, and server-side sync.<\/p>\n<p><strong>Initial offline sync<\/strong><\/p>\n<p>For the app to be available in offline mode, app and user data must be downloaded on the device. This process is popularly named the \u201cinitial offline sync\u201d.<\/p>\n<p>The app data has all the resources needed for the proper running of the app. User data includes what is configured for the offline profile and stored in Microsoft Data-verse tables.<\/p>\n<p>With offline-first, during the initial offline sync, user data will be saved in the background<\/p>\n<p>This takes some time, based on details configured in the offline profile.<\/p>\n<p>Incomplete initial offline sync gets triggered with every app opening.<\/p>\n<p>Users will also get the same notification when they resume the app after a long period of inactivity.<\/p>\n<p>Users can also select the Offline status button to see more information about sync progress.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32783\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/6New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"391\" height=\"813\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/6New-Mobile-Offline-First-Setup.jpeg 391w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/6New-Mobile-Offline-First-Setup-144x300.jpeg 144w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/p>\n<p>When the user refreshes their data on a grid view, they will get a notification stating, Refreshing your data.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32782\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/7New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"382\" height=\"764\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/7New-Mobile-Offline-First-Setup.jpeg 382w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/7New-Mobile-Offline-First-Setup-150x300.jpeg 150w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/p>\n<p>When the initial sync is complete, the user can start using the app in offline mode. The App will be available to select in offline mode. After selecting the app the user can select the table which has been added to the mobile offline profile.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-32781\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/8New-Mobile-Offline-First-Setup.jpeg\" alt=\"New Mobile Offline-First Setup\" width=\"392\" height=\"813\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/8New-Mobile-Offline-First-Setup.jpeg 392w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/8New-Mobile-Offline-First-Setup-145x300.jpeg 145w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/p>\n<p>Now the user can make changes while in offline mode and they will be synced when the network is restored.<\/p>\n<h2>Conclusion:<\/h2>\n<p>With the introduction of the \u201coffline first mode\u201d setting, users can no longer skip the offline data background saving. The offline data will now be stored automatically in the background making the data available even while in the offline mode so the data will always be the same, regardless of the network connection.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/product\/productivity-apps\/kanban-board-dynamics-365-crm\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"alignnone  wp-image-32810\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/kb.jpg\" alt=\"\" width=\"844\" height=\"211\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/kb.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/kb-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/kb-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2022\/10\/kb-660x165.jpg 660w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the last blog, we saw How to enable model-driven apps for offline use. Refer to the following link to enable the model-driven app for offline use. After enabling the app for offline use, the following pop-up gets displayed on the screen. The user is prompted to download the offline data as shown in the\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2022\/10\/new-mobile-offline-first-setup-within-powerapps\/\">Read More &raquo;<\/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":[1913,44,1929,2361],"tags":[],"class_list":["post-32780","post","type-post","status-publish","format-standard","hentry","category-microsoft-power-platform-services","category-power-apps","category-pcf","category-technical"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32780","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=32780"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/32780\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=32780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=32780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=32780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}