Help with iFrame in Pop Up

[Abhijit Das7]

Hi Everyone,

I have requirement, where when I click on UI action then pop up should appear with iframe to display external URL. But, I should be able to edit form or anything which behind the pop up. Basically pop up should be movable and always on display with abilty to edit form.

Note : if you look into screenshot , when pop up is there then I cannot edit the form.

UI Action :

function showPage(){
	var gdw = new GlideDialogWindow('carear_frame');
	//gdw.setSize(750,300);
	gdw.setTitle("Test");
	gdw.render();
}

UI Page :

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">


<iframe src="https://google.com" height="400px" width="700px"></iframe> 

</j:jelly>

Is there any way where I can have a pop up and I should be able to edit behind form.

cc: @Ankur Bawiskar 

Thanks in advance

[Slava Savitsky]

It seems that what you are trying to do is too far away from the standard functionality of GlideDialogWindow. What are you trying to achieve in general? What is the complete use case? And what is the business value? Perhaps, there is a better solution.

[Abhijit Das7]

Hi @Slava Savitsky 

So , basically the business requirement is that we will embed our client url in iframe. And when I click on Ui Action (Test) a pop up should come with client URl. Client url is a url of their Video Call app , so simply it is like person should be there on call and he should be able to edit details in background of both default incident page and incident page in CSM workspace.  So it is like he should be able to do other things along with call.

Along with above requirement we are able resize the pop up with cursor then it is plus point for us.

Thanks in advance.

[Slava Savitsky]

To be honest, I don't think GlideDialogWindow is a good fit for that. Why not just open that page in a new browser window?

[Tai Vu]

Hi @Abhijit Das7 

Have you tried the g_navigation one?

openPopup(String url, String name, String features, Boolean noStack)

Sample:

function openPopup(){
	var url = "https://www.servicenow.com/?state=seamless";
	g_navigation.openPopup(url, 'ServiceNow', 'resizable,scrollbars,status', true);
}

Cheers,

Tai Vu

[Abhijit Das7]

Hi @Tai Vu 

I implemented your suggestion, but is there a way I can make pop up as always on top. 

Thanks