Printable version of the site

[alvarotrigo]

Right now only the active section gets printed. Ideally the whole site should be able to be printed at once.

[flatcapco]

The screen closes when I try to print - it appears the url when it has sections linked in it effects the default print window and closes it. Have you experienced this as well? Is there a work around for now?

[alvarotrigo]

The screen closes when I try to print

Sorry I can not reproduce it in the demo page. Probably not related with fullpage.js?

[flatcapco]

Speedy! fair point actually neither can I... let me see if I can find something reproducible :).

[eystein]

I added this to my print.css, overriding most of the inline styles from fullpage.js. Now it prints everything.

/* Override javascript inline styles */
html,
body {
    overflow: visible !important;
    height: auto !important;
}

.fullpage-wrapper {
    height: auto !important;
    transform: none !important;
    transition: none !important;
}

.fp-section {
    height: auto !important;
}

.fp-slidesContainer {
    width: auto !important;
    transition: none !important;
    transform: none !important;
}

.fp-slides,
.fp-slides * {
    position: static !important;
}

.fp-slide {
    width: auto !important;
}

[flatcapco]

I fixed my issue too... it was to do with the hashs in the url... not sure why sorry but clearing it first made print reliable for me:

        window.location.hash="";
        window.print();

[alvarotrigo]

I was trying to force the page break after each section or slide with:

    .fp-section{
        page-break-after: always !important;
    }
    .fp-slide{
        page-break-after: always !important;
    }

But I never managed to see it working properly in Chrome.

[flatcapco]

Had that issue on another project (none fullpage) and chrome is a bit fussy with some specifics.

"Parent elements can not have float on them.

Setting float:none on all parent elements makes page-break-before:always work correctly.

Other things that can break page-break are: using page-break inside tables, floating elements, inline-block elements, and block elements with borders."

[ParkJinHyoung]

I don't know English well

.fp-tableCell {height: auto !important;} .fp-scrollable {height: auto !important;}

add Css source :D