codeforboston
Add Ability to Print Cleanly From Client View
Currently, the client view displays a list of resources and a map. A user might want to print the content of this page, as outlined in #269. Unfortunately, however, printing this page directly gives a poorly formatted version of the original page and includes a map that is not desirable:
This issue is complete when:
- A print button has been added to the upper right corner of the client view (see #269)
- A print dialog is presented upon clicking the print button in a document-style format
Continuing work on this issue - I have implemented a working 'Print' button with some simple styles for the resulting printed page elements.
| Page with print button | Print result |
|---|---|
 |
 |
Unfortunately, under the current implementation I've tested out, there are a few issues:
- Customizing the print view requires very specific CSS hiding and showing
- The CSS does not allow for a clean way to adjust the layout of content on the page
- Page breaks are not intelligent, where content wraps over to the next page in the middle of a resource
My next approach will be to look at generating a printable PDF, rather than a printable web page. If I run into issues with this, I will look at generating a special "print view" page that is able to be adjusted for this behavior. I am looking at KendoReact's PDF Processing Library. Let me know if you have any thoughts on adding print functionality!