|
Size: 1249
Comment:
|
Size: 1264
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 15: | Line 15: |
| qfq-Beispiel, wie eine Seite als PDF ausgegeben werden kann (Browser-unabhaengig): | qfq-Beispiel, wie eine Seite als PDF ausgegeben werden kann (Browser-unabhängiges Resultat): |
| Line 21: | Line 21: |
| Erklaerung der wichtigen Elemente: * c:hidden-print - bootstrap-Klasse, die den Button beim Ausdruck ausblendet * --orientation=Landscape - Default waere --orientation=Portrait (je nach Seite ist Landscape besser) * --print-media-type - der Ausdruck wird mit print media type aufgerufen, d.h. er laesst sich mittels CSS relativ einfach stylen (siehe unten fuer Beispiel) |
Erklörung der relevanten Elemente: * c:hidden-print - bootstrap-Klasse, die den Button beim Ausdruck ausblendet * --orientation=Landscape - Default wäre --orientation=Portrait (je nach Seite ist Landscape besser) * --print-media-type - der Ausdruck wird mit print media type aufgerufen, d.h. er lässt sich mittels CSS relativ einfach stylen (siehe unten fuer Beispiel) |
QFQ
Links
Development: https://git.math.uzh.ch/typo3/qfq
Builds: https://w3.math.uzh.ch/qfq
Tipps & Tricks
wkhtmltopdf
qfq-Beispiel, wie eine Seite als PDF ausgegeben werden kann (Browser-unabhängiges Resultat):
SELECT 'c:hidden-print|d:P.O. Boxes.pdf|U:id=poboxes&--orientation=Landscape&--print-media-type|t:Download List as PDF' AS _pdf
Erklörung der relevanten Elemente:
- c:hidden-print - bootstrap-Klasse, die den Button beim Ausdruck ausblendet
- --orientation=Landscape - Default wäre --orientation=Portrait (je nach Seite ist Landscape besser)
- --print-media-type - der Ausdruck wird mit print media type aufgerufen, d.h. er lässt sich mittels CSS relativ einfach stylen (siehe unten fuer Beispiel)
Beispiel: print media css
@media print {
a[href]:after {
content: none;
}
.uzh-header, .uzh-footer-area>.col-md-3, .uzh-content-area>.col-md-3,
.uzh-top-line .search, .uzh-footer-top {
display: none;
}
.uzh-content-area>.col-md-9, .uzh-footer-area>.col-md-9 {
width: 100% !important; /*Da der Navigationsbereich ausgeblendet wurde, kann der eigentliche content die ganze Breite einnehmen*/
}
}