= 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*/ } } }}} == Table Layout CSS == === Spaltenbreite automatisch anpassen === {{{ table { table-layout: auto; } }}} === Kleinere qfq-Buttons (für table-condensed) === {{{ table.table-condensed a.btn.btn-default { border: 0px; background-image: none; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; padding: 0px 8px; height: 20px; } }}} == Typo3 == Print-Link so konfigurieren, dass alle aktuellen Parameter übergeben werden: {{{ page.10.subparts.VIEWS.10.typolink.addQueryString = 1 }}}