Issue with pop up

[Abhijit Das7]

Hi All, 

My requirement is to open iframe into pop :

1. So , I have placed iframe in Ui Page '

2. And I am calling that pop in UI macro . Now Ui page is opening in pop up window.

But my issue is this pop up window does not move like openframe, it remains static on screen. I want this pop up to be movable, I should be able to drag anywhere.

cc; @Ankur Bawiskar @kamlesh kjmar 

Thanks in advance

[Ankur Bawiskar]

@Abhijit Das7 

Did you try adding this attribute in iframe tag?

scrolling="yes"

[Abhijit Das7]

Hi @Ankur Bawiskar 

Is there a method in which I can open pop up and use it. And still we can edit the form in background.

Thanks

[Ankur Bawiskar]

@Abhijit Das7 

if you are opening the dialog window user cannot interact with the backend form as per my understanding

Did you try checking this?

[Mohith Devatte]

Hello @Abhijit Das7 ,

can you try this ?

HTML:

<div class="frameOverlay"></div>
<div class="draggable resizable">
  <div class="handle"></div>
  <iframe width="560" height="315" src="your src" frameborder="0" allowfullscreen=""></iframe>
</div>

In the <style> tag put this CSS :

.handle {
  width: 558px;
  background: #ccc;
  border: 1px solid #000;
  border-radius: 4px;
  height: 23px;
  margin-bottom: -3px;
}

.frameOverlay {
  height: 100%;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

IN <script> tag put this jquery 

$(".draggable").draggable({
  handle: ".handle",
  iframeFix: true,
  start: function(event, ui) {
    $('.frameOverlay').show();
  },
  stop: function(event, ui) {
    $(".frameOverlay").hide();
  }
});

Hope this helps 

Mark the answer correct if this helps you 

Thanks