Technology Blogs by Members
Explore a vibrant mix of technical expertise, industry insights, and tech buzz in member blogs covering SAP products, technology, and events. Get in the mix!
cancel
Showing results for 
Search instead for 
Did you mean: 
himanshupensia
Participant
Scenario:

We will learn how to display a PDF file in sap UI5 application.

Procedure:

We can display PDF in SAP UI5 application using "sap.m.PDFViewer".

But this control is available after UI5 version 1.48. If you are using SAP UI5 version previous to that then you have to follow below procedure.

We can display PDF in SAP UI5 application using "iframe". But “iframe” is not any control in SAP UI5 library so we have to call it from HTML tag.

Put below code as your View1.xml file.
<mvc:View controllerName="Display_PDF.controller.View1" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
displayBlock="true" xmlns="sap.m">
<App>
<pages>
<Page title="Display PDF">
<content>
<core:HTML id="idFrame"/>
</content>
</Page>
</pages>
</App>
</mvc:View>

Put below code as your View1.controller.js file.
sap.ui.define([
"sap/ui/core/mvc/Controller"
], function(Controller) {
"use strict";

return Controller.extend("Display_PDF.controller.View1", {
onInit: function() {

var oHtml = this.getView().byId("idFrame");
oHtml.setContent("<iframe src='https://www.trainning.com.br/download/sap4_basic.pdf' height='700' width='1300'></iframe>");
},

});
});

Output :

6 Comments
Labels in this area