Create iframe dynamically in Dynamics 365 (CRM DOM problem)

(0) Share

Report

Posted on by Community Member

Hi there!

I have a problem!

Via custom button script I create iframe:

	var frame = window.top.document.createElement('iframe');
	frame.setAttribute("src", src);
	frame.setAttribute("id", "mainIframe");
	frame.setAttribute("allowtransparency", "true");
	frame.setAttribute("style", "background:none transparent; position:absolute; border:none; top:50px; left:0; width:100%; height: calc(100% - 50px);");
	window.top.document.body.appendChild(frame);

In this iframe I open webresource html.
But I cannot publish to appSource my solution, because I cannot "Directly accessing the HTML Document Object Model (DOM) elements of a Dynamics 365/CRM application page or entity form is not supported in any version and presents a considerable supportability risk". Is exist way to create it (iframe) dynamically? Via Xrm... or something else?

*This post is locked for comments

I have the same question (0)

All responses (12)

Answers (0)

Suggested answer

Community Member on at

Like (0)

Report

Hi,

would recommand you to add an iframe on the desired form and hide it. When the user is clicking the button it will show the Iframe on the form and you then can pass the different parameters that you want to give it.

Was this reply helpful? Yes No
Syed Ibrahim 6,257 on at

Like (0)

Report

You can create an html web resource and can use it as an iframe in the crm or you can open the html using button click.use the below code to open html web resource.

alagunellaikumar.blogspot.sg/.../open-html-page-when-button-click-in-crm.html

But I have no idea why u want to create the iframe dynamically

Was this reply helpful? Yes No
Aric Levin - MVP 30,190 Moderator on at

Like (0)

Report

As Syed mentioned, not sure why you want to do this dynamically, but the best approach would be either to create a web resource or IFRAME on the form inside a section and hide the section, so that it is not visible on the form.

When you need it just make that section on the form visible and set the src property of the iframe (or web resource).

Hope this helps.

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

I can add the iframe to some forms, but initially I do not know what entities will be, on each organization - different (including custom). therefore I want to dynamically create. and iframe - because I want the integration built into the CRM window.

Was this reply helpful? Yes No
Syed Ibrahim 6,257 on at

Like (0)

Report

If you are not sure about entities then how will you pass or get data from entities ?. It's advisable to have it in form

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

I can get entity id and entity name and pass it as parameters to webresource in iframe.

Was this reply helpful? Yes No
Syed Ibrahim 6,257 on at

Like (0)

Report

but still you will be passing info from entity right. Its good to be defined for which entity you creating iframe. So we no need to create some dynamics . Accessing DOM is not supported way.Upon new releases there will be change in the client side access model so It is not advisable to create any business logic using DOM.

Hope this helps. Pls mark it as Answered/Verified to close the thread if suggestion resolved your query

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

Why no need to create some dynamics iframes? I added button via ribbon workbench. And she was applied to all crm entities(with condition). But after clicking on this button I need to load CRM web resource in iframe located on the form (not in new window). But customer can have different custom entities (I publish solution for different customers). I can not add iframe there (not dynamically). But maybe exist way to add global IFrame on all entities forms (by something).

Was this reply helpful? Yes No
Suggested answer

Community Member on at

Like (0)

Report
Hi Konstantin,

i writed for you the following code:

function CalledByRibbonButton1() { var entityid = Xrm.Page.data.entity.getId(); var entityname = Xrm.Page.data.entity.getEntityName(); var url = "http://someurl"; SetIFrame(url, entityname, entityid); } function CalledByRibbonButton2() { var entityid = Xrm.Page.data.entity.getId(); var entityname = Xrm.Page.data.entity.getEntityName(); var url = "http://someotherurl"; SetIFrame(url, entityname, entityid); } function SetIFrame(url, entityname, entityid) { var theiframe = Xrm.Page.ui.controls.get("IFRAME_TheIFrame"); if (url) { var params = "?name=" + entityname + "&id=" + entityid; var target = url + params; theiframe.setSrc(target); } }

If you need more help dont hesitate to ask.

If you found the answer helpful, please mark as Verified

Join my network on LinkedIn Follow me on Twitter

Thank You & Best Regards

Francesco Picchi

Microsoft Dynamics CRM Consultant, Bologna+Milano, ITALY

Independent Contractor

http://www.francescopicchi.com

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

Hello! It is good, but it not creates iframe dynamically!

Necessary condition for this to work is an already existing Iframe on the form, which need to add by hands.

Was this reply helpful? Yes No