web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Integrate canvas app w...
Power Apps
Unanswered

Integrate canvas app with associated SharePoint Online list

(0) ShareShare
ReportReport
Posted on by 651

Hi, I've managed to do this for the new action, using this post.using this post https://powerusers.microsoft.com/t5/Creating-Apps/Associate-PowerApp-to-List-so-that-the-app-opens-when-selecting/m-p/254043#M8295

 

Now trying to figure out how to open the details screen should an item be opened from the SharePoint list and the edit screen should the item be edited from SharePoint. 

 

Anyone know how to do this?  Ideally the app would be opened in the full screen area, not the right hand panel.  Just like the original InfoPath customisation functionality.

Thanks.

 

 

Categories:
I have the same question (0)
  • v-xida-msft Profile Picture
    Microsoft Employee on at

    Hi @Brice235i ,

    Could you please share a bit more about your scenario?

    Do you want to open a Detail form or a Edit form of a standalone canvas app within your custom form (created via PowerApps)?

     

    I have made a test on my side, please take a try with the following workaround:

    Within your custom form app, set the OnView property of the SharePointIntegration control to following:

    Launch("https://web.powerapps.com/apps/76897698-xxxx-b2de-xxxx-xxxx74f114f2", TargetScreen, "DetailScreen", ItemID, SharePointIntegration.Selected.ID)

    Note: The TargetScreen and ItemID represents the parameters you need to pass to your standalone canvas app. The "DetailScreen" and SharePointIntegration.Selected.ID represent the correspoding parameter value. The '76897698-xxxx-b2de-xxxx-xxxx74f114f2' represents the App Id of your standalone canvas app.

    Set the OnEdit property of the SharePointIntegration control to following:

    Launch("https://web.powerapps.com/apps/76897698-xxxx-b2de-xxxx-xxxx74f114f2", TargetScreen, "EditScreen", ItemID, SharePointIntegration.Selected.ID)

     

    Then within your standalone canvas app, set the OnStart property of the App control to following:

    Set(TargetScreen, Param("TargetScreen"));
    Set(ItemID, Param("ItemID"));
    If(
    TargetScreen = "DetailScreen",
    Navigate(DetailScreen, ScreenTransition.None),
    TargetScreen = "EditScreen",
    Navigate(EditScreen, ScreenTransition.None)
    )

    Within your Display screen, set the Item property of the Display form to following:

    If(
     !IsBlank(ItemID),
     LookUp('YourSPList', ID = ItemID),
     BrowserGallery1.Selected
    )

    Within your Edit screen, set the Item property of the Edit form to following:

    If(
     !IsBlank(ItemID),
     LookUp('YourSPList', ID = ItemID),
     BrowserGallery1.Selected
    )

    More details about navigating to specific form based on the parameters specified within the App URL, please check my response within the following thread:

    https://powerusers.microsoft.com/t5/General-Discussion/PowerApps-Navigate-to-Screen-based-on-params-in-url/m-p/271493#M79352

     

    More details about Launch function, please check the following article:

    Launch function

     

    Best regards,

  • Brice235i Profile Picture
    651 on at

    Hi @v-xida-msft, details on the scenario.

     

    I have created a standalone canvas app (there is no SharePoint Integration contol).  The reason as to why I didn't build from the 'Customise Form' method on the SharePoint list is so the app it is available to use on mobile device via PowerApp app, and so I can re-use the canvas app to interact with different SharePoint lists. 

    Integration with the SharePoint list is still required though.  Therefore, when the user goes to the SharePoint list that collects the data for the canvas app I want the app to load instead of the SharePoint form...   i.e. The user clicks New item and the canvas app Edit screen opens so the user can fill in the form.  If they click an item's title in the SharePoint list the read only Details screen for the specific item opens.  If they select click to edit an item in the SharePoint list the Edit screen opens for the specific item.  

  • v-xida-msft Profile Picture
    Microsoft Employee on at

    Hi @Brice235i ,

    Based on the needs that you mentioned, I think the solution I provided could achieve your needs.

     

    If you want to open the Detail Screen or Edit screen of your standalone canvas app when you click the "New" or "Edit" button within your SP list without creating a custom form for your SP list, I afraid that there is no way to achieve your needs currently.

     

    Currently, as an alternative solution, you need to create a custom form for your SP list firstly, then from your custom form to launch your standalone app. 

    Within your custom form app, set the OnView property of the SharePointIntegration control to following:

    Launch("https://web.powerapps.com/apps/76897698-xxxx-b2de-xxxx-xxxx74f114f2", TargetScreen, "DetailScreen", ItemID, SharePointIntegration.Selected.ID)

    Note: The TargetScreen and ItemID represents the parameters you need to pass to your standalone canvas app. The "DetailScreen" and SharePointIntegration.Selected.ID represent the correspoding parameter value. The '76897698-xxxx-b2de-xxxx-xxxx74f114f2' represents the App Id of your standalone canvas app.

    Set the OnEdit property of the SharePointIntegration control to following:

    Launch("https://web.powerapps.com/apps/76897698-xxxx-b2de-xxxx-xxxx74f114f2", TargetScreen, "EditScreen", ItemID, SharePointIntegration.Selecte

     

    Then within your standalone canvas app, set the OnStart property of the App control to following:

    Set(TargetScreen, Param("TargetScreen"));
    Set(ItemID, Param("ItemID"));
    If(
    TargetScreen = "DetailScreen",
    Navigate(DetailScreen, ScreenTransition.None),
    TargetScreen = "EditScreen",
    Navigate(EditScreen, ScreenTransition.None)
    )

    Within your Display screen, set the Item property of the Display form to following:

    If(
     !IsBlank(ItemID),
     LookUp('YourSPList', ID = ItemID),
     BrowserGallery1.Selected
    )

    Within your Edit screen, set the Item property of the Edit form to following:

    If(
     !IsBlank(ItemID),
     LookUp('YourSPList', ID = ItemID),
     BrowserGallery1.Selected
    )

    More details about navigating to specific form based on the parameters specified within the App URL, please check my response within the following thread:

    https://powerusers.microsoft.com/t5/General-Discussion/PowerApps-Navigate-to-Screen-based-on-params-...

     

    Please take a try with above solution I provided step by step, then check if the issue is solved.

     

    Best regards,

  • Brice235i Profile Picture
    651 on at

    Thank you, I get error for all elements of these formulas. 

    Launch("https://web.powerapps.com/apps/a70bcd70-10a2-4b0d-8017-3f39cf39a4df", TargetScreen, "DetailScreen", ItemID, SharePointIntegration.Selected.ID)

     

    Name isn't valid. This identifier isn't recognized.   This error appears most commonly when a formula refers to something that no longer exists (for example, a control that you've deleted).

     

     

     

  • v-xida-msft Profile Picture
    Microsoft Employee on at

    Hi @Brice235i ,

    Could you please share more details about the error message with your formula?

     

    Please check if you have typed the above Launch(...) formula within the OnView property of the SharePointIntegration control in the custom form of your SP list rather than your standalone canvas app.

     

    I have made a test on my side, and don't have the issue that you mentioned. The Launch(...) formula works well within the custom form of my SP list.

     

    If the issue still exists, please consider take a try to remove the custom form from your SP list, then re-create a new one for it, take a try with above Launch(...) formula again, check if the issue is solved.

     

    Best regards,

  • Community Power Platform Member Profile Picture
    Microsoft Employee on at

    Thanks for posting in the community @Brice235i - can you review the above reply and update the thread when you have a chance?

     

    @Anonymous 

  • Brice235i Profile Picture
    651 on at

    Sorry, haven't had a chance to test again.   Too busy.   Will try again soon.

  • VMPA2022 Profile Picture
    4 on at

    Hi All 

    I am new to PowerApps and trying to open this link 

     

    Hi, I've managed to do this for the new action, using this post.using this post https://powerusers.microsoft.com/t5/Creating-Apps/Associate-PowerApp-to-List-so-that-the-app-opens-w...

     

    But Based on either my Org settings it does not allow me to register.

    Can someone post me the whole link or code here so acheive the same 

    https://powerusers.microsoft.com/t5/Creating-Apps/Associate-PowerApp-to-List-so-that-the-app-opens-when-selecting/m-p/254043#M8295

     

    Thanks in Advance

  • VMPA2022 Profile Picture
    4 on at

    Hi All

    I am trying to open the link posted which is my requirement - Integrate Canvas App with Associated Sharepoint List and be able to open canvas app when clicked on New on SPList 

    The below link 

    https://powerusers.microsoft.com/t5/Creating-Apps/Associate-PowerApp-to-List-so-that-the-app-opens-when-selecting/m-p/254043#M8295

     

    Always says access denied - Can someone help me here 

  • gbhati Profile Picture
    2 on at

    Hi Kris Dai,
    Thank you for this, it works fine!!
    However, clicking on Properties, though it launches the app in new tab but it still opens the default pane on the right. Is there a way to hide the Save, Cancel buttons?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Valantis Profile Picture

Valantis 483

#2
WarrenBelz Profile Picture

WarrenBelz 399 Most Valuable Professional

#3
11manish Profile Picture

11manish 327

Last 30 days Overall leaderboard