print
Die Aktion Print, ermöglicht es das aktuelle Formular in einer Druckansicht zu öffnen. Dabei kann das Formular dann als pdf gespeichert werden. Falls die Kopf- und Fußzeile im Druck nicht erwünscht ist, kann diese in "Mehr Einstellungen" oder "Weitere Einstellungen" direkt neben der Druckansicht im Pop-up Window ein- und ausgeblendet werden. Die Druckansicht unterscheidet sich von der normalen Ansicht, da Hintergrundgrafiken standardmäßig ausgeschaltet sind. Diese können unter dem Feld für Kopf- und Fußzeile wieder eingeblendet werden. Um die Druckansicht generell zu ändern, können mit dem Css Befehl:
@media print {}Regeln definiert werden, die nur für den Druck benutzt werden. Diese Regeln können den anderen benutzerdefinierten Regeln einfach angefügt werden. So können unter anderem für den Druck nicht relevante Buttons ausgeblendet werden.
Beispiele
Print eines Formulars
Beispiel print.json
{
"$schema": "https://forms.virtimo.net/5.1.0/schema.json",
"metaData": {
"id": 0,
"version": 0
},
"configuration": {
},
"components": [
{
"type": "container",
"label": "Print",
"components": [
{
"type": "button",
"action": "print",
"label": "Print Button"
},
{
"type": "textfield",
"value": "1"
}
]
}
]
}Print mit angepasstem Style
Im folgenden Beispiel wird für den Print der Style angepasst. Der Titel ist beim Print grün und der Print Button ist ausgeblendet.
Beispiel printWithChangedStyle.json
{
"$schema": "https://forms.virtimo.net/5.1.0/schema.json",
"metaData": {
"id": 0,
"version": 0
},
"configuration": {
"styles": {
"css": "@media print {.x-button {display: none} .x-paneltitle {color: green}}"
}
},
"components": [
{
"type": "container",
"label": "Print",
"components": [
{
"type": "button",
"action": "print",
"label": "Print Button"
},
{
"label" : "First Textfield",
"type": "textfield",
"value": "1"
},
{
"label" : "Second Textfield",
"type": "textfield",
"value": "Hello"
}
]
}
]
}