location: Diff for "qfq"

Institute of Mathematics - PublicMathWiki:

Differences between revisions 3 and 10 (spanning 7 versions)
Revision 3 as of 2015-10-19 11:59:12
Size: 21
Editor: crose
Comment:
Revision 10 as of 2017-05-22 14:27:54
Size: 1249
Editor: elvill
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
= qfq = = QFQ =
Line 4: Line 4:
<<TableOfContents>>

= 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-unabhaengig):

{{{
SELECT 'c:hidden-print|d:P.O. Boxes.pdf|U:id=poboxes&--orientation=Landscape&--print-media-type|t:Download List as PDF' AS _pdf
}}}

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)

=== 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*/
  }
}
}}}

QFQ

Links

Tipps & Tricks

wkhtmltopdf

qfq-Beispiel, wie eine Seite als PDF ausgegeben werden kann (Browser-unabhaengig):

SELECT 'c:hidden-print|d:P.O. Boxes.pdf|U:id=poboxes&--orientation=Landscape&--print-media-type|t:Download List as PDF' AS _pdf

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)

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*/
  }
}

PublicMathWiki: qfq (last edited 2021-02-04 16:26:06 by eseide)