How to 'Save'When Viewer Exceed Window Heights in Angular PDF Viewer?

Ensuring ‘Save’ and ‘Save As’ Options Are Visible When Viewer Height Exceeds Organize Window Height in PDF Viewer

Description:

This article explains how to ensure the “Save” and “Save As” options remain visible in the Organize window even when the viewer’s height exceeds the window’s height in Angular PDF Viewer. It covers steps to adjust the UI layout or implement scrollable areas, ensuring that these essential options are always accessible for a seamless user experience.

Solution:

To make ‘Save’ and ‘Save As’ options visible in the Organize window, you can add the following CSS snippet to your file. This code snippet will enable the browser’s scrollbar, making the footer with the ‘Save’ and ‘Save As’ options visible at all times, even if the viewer exceeds the window height.

Prerequisites:

Before diving into the implementation, ensure that the following steps are completed:

1. Syncfusion PDF Viewer Setup: Make sure the Syncfusion PDF Viewer is installed and set up in your Angular project. Follow the Getting Started with Syncfusion PDF Viewer for Angular guide if you haven’t already.
2. Basic Knowledge of Angular: Familiarity with Angular components and the basic setup of Angular projects will help you follow along with the implementation.

Code Snippets:

app.component.css

.e-dlg-target.e-scroll-disabled {

    overflow: visible !important;

}

Sample Link:

You can find the full sample in our GitHub repository.

Conclusion:

I hope you enjoyed learning how to ‘Save’ and ‘Save As’ options can remain visible when the viewer exceeds the window height in Angular PDF Viewer.

You can refer to the Angular PDF feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started with configuration specifications.

You can also explore our Angular PDF Viewer Exampleto understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, BoldDesk Support, or feedback portal. We are always happy to assist you!