{"id":12426,"date":"2018-07-19T18:06:06","date_gmt":"2018-07-19T12:36:06","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=12426"},"modified":"2018-07-19T18:06:06","modified_gmt":"2018-07-19T12:36:06","slug":"implement-offline-support-for-canvas-app-in-dynamics-365-crm","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2018\/07\/implement-offline-support-for-canvas-app-in-dynamics-365-crm\/","title":{"rendered":"Implement offline support for Canvas App in Dynamics 365 CRM"},"content":{"rendered":"

Introduction:<\/strong><\/h2>\n

Recently, we had a requirement where customer wants use Dynamics365 CE using PowerApp in Offline mode. <\/strong><\/p>\n

Following are the steps to implement offline support for Power App to Dynamics365:<\/strong><\/h2>\n

1<\/strong>. Create a default Canvas app by using Dynamics 365. You can refer to our previous blog<\/a> here.<\/p>\n

2<\/strong>. Insert a new Screen in the power app and design the page accordingly. This screen we have consider as Home Screen so move this screen to the top as shown in below screenshot:<\/p>\n

\"Implement<\/p>\n

We have designed the home screen as shown in below screenshot:<\/p>\n

\"Implement<\/p>\n

3<\/strong>. In Edit screen1, on \u201conselect property\u201d of \u201cIconAccept1\u201d write the formula as:<\/p>\n

If(Connection.Connected,<\/p>\n

SubmitForm(EditForm1),<\/p>\n

Collect(accountstobeCreated,{name: DataCardValue14.Text,address:DataCardValue16.Text,revenue:DataCardValue15.Text,description:DataCardValue13.Text,noofemployee:DataCardValue11.Text} );<\/p>\n

SaveData(accountstobeCreated, “newAccountsInLocalStorage”));<\/p>\n

\"Implement<\/p>\n

The above formula will first check if connection is connected (i.e. if application is connected to internet), if true application will submit the form else create a collection name as \u201caccountstobeCreated\u201d and will store the value of fields.<\/p>\n

SaveData function stores the collection in local database under name.<\/p>\n

4<\/strong>. Now back to the home screen, on \u201conselect\u201d property of \u201cnexticon\u201d write the formula as:<\/p>\n

If(Connection.Connected,<\/p>\n

ClearCollect(AccountCollection, Accounts);<\/p>\n

SaveData(AccountCollection,”AccountInLocalStorage”),<\/p>\n

LoadData(AccountCollection,”AccountInLocalStorage”, true));<\/p>\n

LoadData(accountstobeCreated,”newAccountsInLocalStorage”, true);<\/p>\n

Navigate(BrowseScreen1,ScreenTransition.Cover)<\/p>\n

\"Implement<\/p>\n

The above formula will first check if connection is connected (i.e. if application is connected to internet), if true application will clear and collect \u201cAccountCollection\u201d which will stores all the records from account entity and later will save the records in \u201cAccountCollection\u201d under the name \u201cAccountInLocalStorage\u201d.<\/p>\n

If connection is not available, the application will LoadData from accountCollection and accountstobecreated.<\/p>\n

LoadData function re-loads a collection by name that was previously saved with\u00a0SaveData<\/strong><\/p>\n

5. On Item property of BrowseGallery1 write formula as:<\/strong><\/p>\n

AccountCollection<\/p>\n

\"Implement<\/p>\n

6<\/strong>. Now Add a Timer Control on BrowseGallery1 and set the following property of Timer:<\/p>\n

Auto Start: true<\/p>\n

Repeat: true<\/p>\n

Duration: 30000<\/p>\n

7<\/strong>. On \u201cOnTimerEnd\u201d property of Timer Control write the formula as:<\/p>\n

If(Connection.Connected &&CountRows(accountstobeCreated)>0,<\/p>\n

ForAll(accountstobeCreated,Patch(Accounts, Defaults(Accounts),{name:name,description:description}));<\/p>\n

Clear(accountstobeCreated);<\/p>\n

Refresh(Accounts);<\/p>\n

ClearCollect(AccountCollection,Accounts);<\/p>\n

SaveData(AccountCollection,”accountInLocalStorage”))<\/p>\n

\"Implement<\/p>\n

Whenever the timer ends the application will check if internet connection is available and records are present in \u201caccountstobecreated\u201d collection. If true,<\/p>\n

Records will be created in CRM using patch function.<\/p>\n

\u201caccountstobecreated\u201d collection will be cleared and created records will be saved in \u201cAccountCollection\u201d.<\/p>\n

Conclusion:<\/h2>\n

Using simple steps above user can implement offline support for Canvas App in Dynamics365 CRM<\/p>\n

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

Introduction: Recently, we had a requirement where customer wants use Dynamics365 CE using PowerApp in Offline mode. Following are the steps to implement offline support for Power App to Dynamics365: 1. Create a default Canvas app by using Dynamics 365. You can refer to our previous blog here. 2. Insert a new Screen in the\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":12441,"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":[16,18,19,38,44],"tags":[244,245,1170],"class_list":["post-12426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dynamics-365","category-dynamics-365-v9-2","category-dynamics-crm","category-microsoft-powerapps","category-power-apps","tag-canvas-app-in-dynamics365","tag-canvas-app-in-dynamics365-crm","tag-microsoft-powerapps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/12426","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=12426"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/12426\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media\/12441"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=12426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=12426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=12426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}