Answered

Pass Parameters in iframe embedded powerapp (sharepoint)

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Is it possible to pass parameters in the URL/iframe code to get you to a certain screen when embedding the powerapp in SharePoint as an iframe. I have seen options similar to this with PowerBI (https://docs.microsoft.com/en-us/power-bi/report-server/quickstart-embed). And i know that you can pass parameters to the powerapp to get you to a certain screen say when you click on a push notification to get you to a specific location in the App.

I have used this link to successfully embed the PowerApp and at the bottom it mentions the param function which i am hoping can be pair with the iframe link to achieve what i am looking for (https://wonderlaura.com/2017/04/27/embed-powerapps-on-sharepoint-modern-pages/). Again i know its possible to "deep link" with the param function as i have done this with a push notification and the param function, but my specific scenario requires me to embed an app on multiple different sharepoint sites and get to a specific screen in the app based on the site it is embedded in. Any assistance or possible "hacks" if necessary would be greatly appreciated.

Categories:

Building Power Apps

I have the same question (0)

All responses (18)

Answers (1)

Sort by

cherie Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi,

Are you embedding this app in sharepoint using <iframe src=> or via the PowerApps customization that we have for sharepoint?

Thanks

Cherie

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

I am currently using the iframe method to embed the app. Are you referring to a true integration with sharepoint or simply powerapps forms for sharepoint. I cannot use the powerapps forms for sharepoint, i need to embed the full application which can also be launched via in the powerapps mobile application inside of a sharepoint page.

Was this reply helpful? Yes No
cherie Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

You can just add your parameters to the url you iframe in this case.

Example:

If you have your app navigate to the screen based on whatever is in Param("screen")

Then you can embed in to your sharepoint site the following

<iframe src="https://web.powerapps.com/webplayer/iframeapp?appId={replace all this with what app id you want}&screen={replace with screen to navigate to} />

Thanks

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

i need to navigate to a screen and filter the resulting gallery on said screen. Typically i filter this gallery based on the selectoin from the previous screens gallery (Which i would be bypassing with this). Is there a way for me to get to the selected screen and satisfy the following filter i have on the resulting screens gallery:

Current filter on the gallery on the screen i want to get to directly from the embedded app:
Filter('[dbo].[Location]',ACQ_Gallery.Selected.AcquisitionID = AcquisitionID)

how can satisfy this requirement? thanks!

Was this reply helpful? Yes No
Verified answer

cherie Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

You could try this:

Filter('[dbo].[Location]', Coalesce(Param("AcquisitionID"), ACQ_Gallery.Selected.AcquisitionID) = AcquisitionID)

And if you add &AcquisitionID={acquisitionid to filter with} to your url, it should use that instead of the gallery selected one.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!
This has definitely lead me down the right road, i ended up creating a splash screen which checks to see if the parameter is blank, if it is it proceeds to the default screen. If it is not it navigates to a subscreen and passes through the variable "loc" where i then use your coalesce method to determine once again if this variable is blank and if not it uses that as the locationid

URL I pass through:
<iframe width="1024px" height="768px" src="https://web.powerapps.com/webplayer/iframeapp?source=iframe&screenColor=rgba(104,101,171,1)&appId=/providers/Microsoft.PowerApps/apps/[App GUID]&LocationID=[Location GUID]"></iframe>

From splashscreen control i add a timer control and "OnTimeEnd":
If(Not(IsBlank(Param("LocationID"))),Navigate(SUM_Screen,ScreenTransition.Cover,{loc:Param("LocationID")}),Navigate(ACQ_Screen,ScreenTransition.Cover))

Then on the destination screen i filter the gallery as below:
SortByColumns(Filter('[dbo].[SummaryTask]', Coalesce(loc, LOC_Gallery.Selected.LocationID) = LocationID), "SortOrder")

One final question i have is what are the correct dimensions for a "Portrait" powerapp. when creating a landscape i can change between different preferred resolutions and it actually tells me what they are. for portrait i am having a hard time finding the correct setting for height and width, or at least the ratio of the two.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

A follow up... it appears that certain browsers block loading the parameters into the app. It working in IE. Only works in chrome and firefox when in "edit mode" on the sharepoint page, once you publish it does not. And in edge it doesnt work at all. Any advice on this.

Was this reply helpful? Yes No
cherie Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi,

Do you think you could explain what you mean by once you publish?

Thanks

Cherie

Was this reply helpful? Yes No
searope Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

I've just bumped into the same issue. I cannot have an embedded PowerApp on a modern Sharepoint (communication site). Once I add a parameter the app does not appear on a page at all. (( Without it, the app works just fine.
I've tried all the browsers and it seems to be not a browser specific.

Was this reply helpful? Yes No
cherie Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

@searopecan you please collect a session id? alt + right click on the powerapps frame should provide it to you.

Was this reply helpful? Yes No