location: Diff for "qfq"

Institute of Mathematics - PublicMathWiki:

Differences between revisions 6 and 14 (spanning 8 versions)
Revision 6 as of 2017-05-22 09:19:49
Size: 201
Editor: crose
Comment:
Revision 14 as of 2021-02-04 16:26:06
Size: 1822
Editor: eseide
Comment:
Deletions are marked like this. Additions are marked like this.
Line 4: Line 4:
<<TableOfContents>>
Line 12: Line 13:
== wkhtml ==
 * Tabelle, A4 optimieirt, PO Boxen
== 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
}}}

QFQ

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

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