Ausdruck per CSS steuern
Man legt ein gesondertes Stylesheet an, in dem festgelegt wird, welche Bereiche gedruckt werden sollen und wie der Ausdruck der einzelnen Elemente auszusehen hat.
Dieses CSS-Dokument wird in der Datei navigation.ccml als letztes Stylesheet im Head eingebunden.
Please note:
Der Link zum Print-Stylesheet darf keinen Title haben und sollte auch an letzter Stelle der CSS-Dateien stehen !!!!
<cc:*>für Styles für den Ausdruck</cc:*>
<link rel="stylesheet" type="text/css" href="<cc:print value="&myprintstyle.url">" media="print" />
<cc:*>für Druckausgabe: !!! Das Print-Stylesheet darf keinen title haben und sollte auch an letzter Stelle stehen !!!!</cc:*>
<link rel="stylesheet" type="text/css" href="<cc:print value="&myprintstyle.url">" media="print" />
Parallel dazu ist ein weiterer Eintrag in der global.ccml erforderlich:
Die Druckanweisung lässt sich beispielsweise in die Websitenavigation einbauen (wie in diesem Webprojekt realisiert):
oder als Grafik:
<a href="javascript:self.print()"> <cc:printpicture obj="pic.print" width="30" height="20" alt="Seite drucken" title="Seite drucken"></img></a>
Auch dafür ist ein Eintrag in der global.ccml erforderlich:
Jetzt nur noch eine passende Grafik in den Designordner kopieren. Damit sind die Vorbereitungen abgeschlossen.
Ein Beispiel-Printstylesheet wird in diesem Webprojekt eingesetzt. Einfach mal anschauen.
