Open PDF file inside an iframe

[vcima]

I'm trying to open a PDF file inside an iframe after rename the file but so far it doesn't work. I have done this because if I load the response content inside the iframe directly all works except the filename who appears as byte array code.

I have something like this:
this.load("data:application/pdf;base64,"+btoa((response),"file.pdf");

load:function(uri, name){

var iframe =Ext.get('myIframe');

var link = document.createElement("a");
link.download = name;
link.href = uri;
link.target = iframe;
link.click();
}I need that the PDF file be open inside this iframe but I don´t know the way to reach this.

[Gary Schlosberg]

Can't you just set the src of the iframe to the URL of the pdf?

[chandra1512]

I am using src but still getting scrolling issue on iPad. Sample code attached.

var iframe = new Ext.ux.IFrame({
src: 'UserManual.pdf',
height: '100%',
width: '100%'
});
var win = new Ext.Window({
modal: true,
title: 'Test',
maximized: true,
draggable: false,
items: iframe
});
win.show();

Please suggest a solution for scrolling issue.

[ErikJAX]

I ran into this a few months ago and the way I understand it the issue is with the way the iPad handles the pdf file and not EXTJS.

I use this to work around the issue until something changes:

    if (Ext.is.iOS === true)    {        window.open('Reports/Output/test.pdf','_blank','fullscreen=yes');    }    else    {        //set the iframe source to your url
    }

Erik

[hakimio]

Set window shadow to false and scrolling should work just fine.