Removing Sidebar from PDF Print

  • Resolved fxscreamer

    (@fxscreamer)


    4 years, 4 months ago

    I know you explain the pdfcrowd-remove CSS function in your description, but I was curious on how to specifically implement that.

    The sidebar css I can find on my site is:

    .container aside.sidebar {
    position: relative;
    z-index: 11;
}

    I can hide it with display: none; but needed to implement that on the PDF printing. Any help? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Pdfcrowd Dev Team

    (@pdfcrowd)

    Hi,

    One option is to add the “pdfcrowd-remove” class to the sidebar element. This removes the sidebar from the PDF output.

    Another option is to specify custom JavaScript code that removes the sidebar element. Go to the plugin settings and on the “General Options” tab set the “Custom Javascript” option to:

    libPdfcrowd.removeBySelector({selector: 'aside.sidebar'});

    You can test it out with our interactive API Playground. I have set up a project for you:

    — https://pdfcrowd.com/s/mbdr/

    The HTML code contains a sidebar element that is removed from the PDF output (click the “Run” icon). The upper-right pane shows instructions on how to configure the plugin.

    Let us know if it helps.

    Thread Starter fxscreamer

    (@fxscreamer)

    Thanks! That worked! My only question left is if there was a way to take the existing column and make it 100% width when clicking to make the PDF?

    Changing width to 100% fixes it in Chrome Inspector when testing.

    .two_columns_75_25>.column1 {
    width: 75%;
    float: left;
}
    Plugin Author Pdfcrowd Dev Team

    (@pdfcrowd)

    Hi,

    It should be possible but it would help if you could share a link to a concrete page on your website. The JavaScript code that changes the width from 75% to 100% could be more complicated and we would like to test it out and ensure that it indeed works. If you do not want to post a link to your web site on this public forum, feel free to send it to [email protected]

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Removing Sidebar from PDF Print’ is closed to new replies.

Tags