Set the minimum height of Pdf Viewer less than 500px

[Ignacy Mielniczek]

Hi,

I am having an issue overriding the "min-height" CSS of PdfViewer component. No matter how I set the PdfViewer's min-height, it is automatically set to 500px every time.

Could you please tell me if there is any way that I can achieve that, please?

Best regards,

Ignacy Mielniczek

[Vasugi Sivajothi]

Hi Ignacy, 

  

Thanks for contacting Syncfusion support. 

  

We can set the min-height of PdfViewer component using created event. Please refer to the below code snippet and sample, 

  

Code Snippet: 

<ejs-pdfviewer 

      id="pdfViewer" 

      [serviceUrl]="service" 

      (created)="created($event)" 

      [documentPath]="document" 

      style="height:200px; min-height: 400px; display:block" 

    ></ejs-pdfviewer> 

  

  

  public created (e: void) {    

  

document.getElementById("pdfViewer").style.minHeight = "200px"; 

  

  } 

  

  

  

Sample: https://stackblitz.com/edit/angular-yhb47r?file=app.component.ts 

  

  

Kindly try this and revert to us with more details if you have any concerns about this. 

  

  

Regards, 

Vasugi 

  

[Ignacy Mielniczek]

Hello Vasugi,

Thank you very much for a quick response. I am glad to inform you that the issue which I was facing is resolved.

Best Regards,

Ignacy Mielniczek

[Vasugi Sivajothi]

 

Hi Ignacy, 

  

Thank you for the update. We are glad to know that the issue was resolved.  

  

Regards, 

vasugi