Model Driven App Dynamic Iframe

(0) Share

Report

Posted on by SW-21100945-0

Hi All,

Is it possible to create an iframe in a model driven app that has a URL based on a field value in the current record

For Example:

VarCustomFieldGUID = GetRecordCustomFieldValue

IframeUrl = "www.google.co.uk" + VarCustomFieldGUID

</Script>

Categories:

Microsoft Dataverse with Power Apps

I have the same question (0)

All responses (5)

Answers (0)

Ram Prakash Duraisamy 5,593 Super User 2025 Season 2 on at

Like (1)

Report

Hello @SamWhitehouse,

You can write Javascript to Dynamically load IFrame using below Javascript in Model Driven app

function OnLoad()
{
//Get memberid
var value = Xrm.Page.getAttribute("new_memberid").getValue();
//Get the default URL for the IFRAME, which includes the
// query string parameters
var IFrame = Xrm.Page.ui.controls.get("IFRAME_NAMEofIFRAME");
var Url = IFrame.getSrc();
//Append the parameters to the new page URL
newTarget = value;
// Use the setSrc method so that the IFRAME uses the
// new page with the existing parameters
IFrame.setSrc(newTarget);
}

Hope this helps. Let me know if you need more help.

Please mark as Answer if it is helpful and provide Kudos

Subscribe : https://www.youtube.com/channel/UCnGNN3hdlKBOr6PXotskNLA
Blog : https://microsoftcrmtechie.blogspot.com

Was this reply helpful? Yes No
a33ik 3,306 Most Valuable Professional on at

Like (1)

Report

@rampprakash everything is great in your example with one exception - Xrm.Page is in the deprecation list and it will be removed in the future so it's better to recommend using executionContext/clientContext.

Was this reply helpful? Yes No
Zhenya 123 on at

Like (1)

Report

I used code example below, based on this doc, Use IFRAME and web resource controls on a form (model-driven apps) - Power Apps | Microsoft Learn
In my case I have field with link+shipment tracking number and iframe changes src as using value from that field everytime user open form.

var Tracking = window.Tracking || {};
(function () {

this.formOnLoad = function (executionContext)
{
var formContext = executionContext.getFormContext();
var link = formContext.getAttribute("cr0df_trackinglink").getValue();
var IFrame = formContext.ui.controls.get("IFRAME_tracking");
IFrame.setSrc(link);

}
}).call(Tracking);

Was this reply helpful? Yes No
SW-21100945-0 15 on at

Like (0)

Report
Thanks All,

It seems like the Iframe is loading but with the Default URL provided. Here are the steps i have completed:

Created a new form
Created a new tab
Added the "External Website" Component with a url to www.google (As it requires something as a minumum)

Set the below properties
Name to tracking (Im assuming this is what the Script needs for "IFRAME_tracking")
Ticked the "Pass record object-type code" to yes
Added an event handeler that has the below JS.Code
var formContext = executionContext.getFormContext();
var value = formContext.getAttribute("crf77_URL").getValue();
var newTarget = value;
//Get the default URL for the IFRAME, which includes the
// query string parameters
var IFrame = formContext.ui.controls.get("IFRAME_test");
var Url = IFrame.getSrc();
//Append the parameters to the new page URL
// Use the setSrc method so that the IFRAME uses the
// new page with the existing parameters
IFrame.setSrc(newTarget);

but still no luck 😞 am i doing something wrong?

Was this reply helpful? Yes No
Zhenya 123 on at

Like (0)

Report

Maybe try different Events, I am using on Tab change.
You can try debug with tool below:
Monitor and troubleshoot model-driven app form behavior in Power Apps - Power Apps | Microsoft Learn

Event.PNG

Was this reply helpful? Yes No