Show extrnal url content in Invision community modal dialog

[Maulik]

Hello,

I have one iframe and I want to show the content in that iframe or iframe itself in the Invision Community popup using ips.ui.dialog.
I have written the below code but after loading for sometime, the modal window showing the error message like " The page you requested does not exist ". Refer :

<a href='elementWithDialog' data-ipsDialog data-ipsDialog-url='elementWithDialog'>Launch dialog</a>
          
          
<div id='elementWithDialog' data-ipsDialog>
testing...
</div>

 

 

[Nathan Explosion]

6 minutes ago, Maulik said:

data-ipsDialog-url='elementWithDialog'

Where is the URL?

[Martin A.]

You want to use the option "data-ipsDialog-content='<selector>'".

<a href='#elementWithDialog' data-ipsDialog data-ipsDialog-content='#elementWithDialog'>Launch dialog</a>

 

[Maulik]

15 hours ago, Nathan Explosion said:

Where is the URL?

Hey Nathan,
I want to show iframe in popup and my url is this : http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN

9 hours ago, Martin A. said:

You want to use the option "data-ipsDialog-content='<selector>'".

<a href='#elementWithDialog' data-ipsDialog data-ipsDialog-content='#elementWithDialog'>Launch dialog</a>

 

Hello,
I just want to show whole iframe content in the modal popup.

Code :

<iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe>

[newbie LAC]

Hello,

<a href='#' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a>
<div id='dialogContent' class='ipsHide'>
	testing...
</div>

If you want get content by url you should provide an url

example

<a href='{expression="\IPS\Member::loggedIn()->url()"}' data-ipsDialog data-ipsDialog-url='{expression="\IPS\Member::loggedIn()->url()"}'>Launch dialog</a>

 

2 hours ago, Maulik said:

I just want to show whole iframe content in the modal popup.

<a href='#dialogContent' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a>
<div id="dialogContent" class='ipsHide'>
	<iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe>
</div>

 

[Maulik]

On 11/25/2017 at 12:30 PM, newbie LAC said:

Hello,

<a href='#' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a>
<div id='dialogContent' class='ipsHide'>
	testing...
</div>

If you want get content by url you should provide an url

example

<a href='{expression="\IPS\Member::loggedIn()->url()"}' data-ipsDialog data-ipsDialog-url='{expression="\IPS\Member::loggedIn()->url()"}'>Launch dialog</a>

 

<a href='#dialogContent' data-ipsDialog data-ipsDialog-content='#dialogContent'>Launch dialog</a>
<div id="dialogContent" class='ipsHide'>
	<iframe marginwidth="0" marginheight="0" src="http://www.hairtransplantnetwork.com/Share-info/consult-select-surgeon.asp?SiteRef=HTN" frameborder="0" hspace="0" vspace="0" scrolling="auto" name="dmxLightbox" onload="frameLoaded(this)" align="absmiddle" width="100%" height="100%" class="old_dmxLightboxFrameContent" allowtransparency="false" style="background-color: rgb(0, 0, 0); display: block; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; opacity: 1; visibility: visible;"></iframe>
</div>

 

Thank you so much @newbie LAC.. !
You have solved our problem for which we're trying a lot since log time. . !
Keep helping