location: qfq

Institute of Mathematics - PublicMathWiki:

Upload page content

You can upload content for the page named below. If you change the page name, you can also upload content for another page. If the page name is empty, we derive the page name from the file name.

File to load page content from
Page name
Comment

QFQ

Contents

  1. QFQ
  2. Links
  3. Tipps & Tricks
    1. wkhtmltopdf
      1. Beispiel: print media css
    2. Table Layout CSS
      1. Spaltenbreite automatisch anpassen
      2. Kleinere qfq-Buttons (für table-condensed)
    3. Typo3

Links

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