search

stephanrauh / ngx-extended-pdf-viewer

A full-blown PDF viewer for Angular 16, 17, and beyond
https://pdfviewer.net
Apache License 2.0
449 stars 167 forks source link

Is it possible to make toolbar sticky and responsive in the pdf viewer #2375

Closed NaivedyaMishra1 closed 1 week ago

NaivedyaMishra1 commented 1 week ago

Is it possible to make toolbar sticky and responsive in the pdf viewer. Please let me know if there is any approach or property already there. thanks

stephanrauh commented 1 week ago

You can either use the customFreeFloatingBar (see https://pdfviewer.net/extended-pdf-viewer/custom-toolbar) and add some CSS to it to make it sticky. Or you can use slightly more CSS to make the default toolbar sticky. At the end of the day, it's only a <div>, so you can achieve many things with CSS magic.

As for responsiveness - the default toolbar supports responsive design (see https://pdfviewer.net/extended-pdf-viewer/responsive-design). If you're defining your own custom free floating bar, you can also use the responsive design CSS classes of your CSS framework.

stephanrauh commented 1 week ago

I'm closing the ticket now because I believe I've managed to answer your question. If not, don't hesitate to ask.

Best regards, Stephan