Skip to Content

Display PDF in SAP UI5


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


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="" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core"
	displayBlock="true" xmlns="sap.m">
			<Page title="Display PDF">
					 <core:HTML id="idFrame"/>

Put below code as your View1.controller.js file.

], function(Controller) {
	"use strict";

	return Controller.extend("Display_PDF.controller.View1", {
			onInit: function() {
			var oHtml = this.getView().byId("idFrame");
			oHtml.setContent("<iframe src='' height='700' width='1300'></iframe>");


Output :

You must be Logged on to comment or reply to a post.
    • Hi Christian,

      sap.m.PDFViewer UI5 control is Available since SAP UI5 version 1.48.

      If we are using UI5 library with previous versions, we will need iframe.


  • Because of iFrame does not resize its height if the browser window is resized, we use something like this, to set a new size:

    onInit: function(){
    	$(window).on("resize.DocDisplay", this._setIFrame.bind(this));
    _setIFrame: function(){
    	var sIFrame = "<iframe src=" + sDocumentPath + " height='" + this._getAvailableHeight() + "' width='100%' style='border: none;'></iframe>";
    _getAvailableHeight: function() {
    	// get height from window or dialog whatever the iframe is put in
    	var nDialogHeight = $(this._oDialog.getDomRef()).height();
    	var iFrameHeight = nDialogHeight - 46;
    	return iFrameHeight + "px";

    The same thing can be done with sap.m.PDFViewer, but here we can use a binding within height-attribute to a JSONModel.

  • Hi Himanshu,

    Nice Blog,

    I have question, Is it possible to read input values in the application and display in pdf view within the same screen.


    Thanks & Regards,

    Ganesh Yellampati