Hi, I'm using Kendo UI for the web (i.e., not a mobile app, just HTML). I'm looking to load a PDF from an external link into a window when a button is pushed on a mobile device. The problem is, on my Android device, when I load the PDF into the window (with iframe), the browser just downloads it like a normal browser download...and the window remains empty.
Question: is the Window an appropriate way to do this? I'm open to other suggestions...I just need to display a PDF, not have it downloaded by the browser download functionality.
Another approach I could take is to load a byte stream of the PDF from the server and somehow render it from there...but I guess that would require a widget that understood how to render PDFs.
Any ideas? My current code is below:
$(".search-result-button-area button").click(function() {
var url = $(this).attr('data-theUrl');
$("#window1").kendoWindow({
actions: ["Custom", "Pin", "Refresh", "Maximize", "Minimize", "Close"],
draggable: true,
modal: true,
pinned: false,
resizable: true,
title: "The Thing",
content: url,
iframe: true
});
});
<div id="window1"></div>
Question: is the Window an appropriate way to do this? I'm open to other suggestions...I just need to display a PDF, not have it downloaded by the browser download functionality.
Another approach I could take is to load a byte stream of the PDF from the server and somehow render it from there...but I guess that would require a widget that understood how to render PDFs.
Any ideas? My current code is below:
$(".search-result-button-area button").click(function() {
var url = $(this).attr('data-theUrl');
$("#window1").kendoWindow({
actions: ["Custom", "Pin", "Refresh", "Maximize", "Minimize", "Close"],
draggable: true,
modal: true,
pinned: false,
resizable: true,
title: "The Thing",
content: url,
iframe: true
});
});
<div id="window1"></div>