... |
... |
@@ -12,19 +12,17 @@ |
12 |
12 |
|
13 |
13 |
Um das //Print-Service// Plugin verwenden zu können, ist es erforderlich, //Node.js// sowie den //Print Server// zu installieren. Dieser kann auf dem gleichen Server wie der {{formcycle/}} Master-Server installiert werden. |
14 |
14 |
|
15 |
|
-== Installation == |
|
15 |
+== Installation Print Server unter Windows == |
16 |
16 |
|
17 |
17 |
Die Installation des benötigten //Print Servers// erfordert je nach Betriebssystem unterschiedlicher Vorgehensweisen. |
18 |
18 |
|
19 |
|
-=== Installation Print Server unter Windows === |
|
19 |
+=== Installation von Node.js === |
20 |
20 |
|
21 |
|
-==== Installation von Node.js ==== |
22 |
|
- |
23 |
23 |
: 1. Download der LTS-Version unter https://nodejs.org/ |
24 |
24 |
: 2. MSI-Datei ausführen |
25 |
25 |
: 3. Wizard-Schritte durchlaufen, wobei die Standardeinstellungen so belassen werden können |
26 |
26 |
|
27 |
|
-==== Installationsschritte für den Print Server ==== |
|
25 |
+=== Installationsschritte für den Print Server === |
28 |
28 |
|
29 |
29 |
: 4. Die Print Server Installationsdateien können Sie hier über die Customer-Cloud herunterladen. |
30 |
30 |
: 5. Entpacken Sie die ZIP Datei „print_server_fc.zip“ und verschieben Sie den Inhalt in den Ordner print_server_fc unter C:\Programme\. |
... |
... |
@@ -43,9 +43,9 @@ |
43 |
43 |
* Der Dienst wird standardmäßig auf dem Port 8090 installiert. Um diesen zu ändern, müssen Sie in der Datei install-windows-service.js den Parameter {{code language="none"}}--port=8090{{/code}} anpassen. |
44 |
44 |
* Standardmäßig ist Logging aktiviert. Um dies zu ändern setzen Sie den Parameter {{code language="none"}}--verbose=true{{/code}} auf {{code language="none"}}--verbose=false{{/code}}. |
45 |
45 |
|
46 |
|
-Nach der Installation wird ein Ordner mit dem Namen {{code language="none"}}deamon{{/code}} für die Logdateien angelegt. |
|
44 |
+Nach der Installation wird ein Ordner mit dem Namen {{code language="none"}}daemon{{/code}} für die Logdateien angelegt. |
47 |
47 |
|
48 |
|
-==== Deinstallation ==== |
|
46 |
+=== Deinstallation === |
49 |
49 |
|
50 |
50 |
Für die Deinstallation des Print Servers, öffnen Sie eine Kommandozeile (cmd) mit administrativen Berechtigungen und führen Sie folgende Befehle aus. |
51 |
51 |
|
... |
... |
@@ -54,11 +54,27 @@ |
54 |
54 |
node uninstall-windows-service.js |
55 |
55 |
{{/code}} |
56 |
56 |
|
|
55 |
+=== Aktualisierung === |
57 |
57 |
|
58 |
|
-=== Installation Print Server unter Linux === |
|
57 |
+Prinzipiell ist eine Aktualisierung möglich, indem der Print-Service deinstalliert und anschließend neu installiert wird. |
59 |
59 |
|
60 |
|
-==== Installationsschritte für die Installation von Node.js und dem Print Server ==== |
|
59 |
+In den meisten Fällen reicht es allerdings aus, die Server-Script-Dateien zu ersetzen und die Abhängigkeiten per npm zu aktualsieren: |
61 |
61 |
|
|
61 |
+* Die aktuelle Version "print_server_fc.zip" herunterladen. |
|
62 |
+* Den Print-Service-Windows-Dienst stoppen. |
|
63 |
+* Aus dieser ZIP-Datei alle Dateien in den Ordner kopieren, wo der Print-Service aktuell installiert ist (bei Nachfrage "Dateien überscheiben" auswählen). |
|
64 |
+* Wichtig: Der Ordner {{code language="none"}}daemon{{/code}} und die darin enthaltenen Dateien sollten dabei nicht geändert werden! |
|
65 |
+* Eine Window-Kommandozeile (cmd) mit administrativen Berechtigungen öffnen |
|
66 |
+* In den //print_server_fc// Ordner wechseln, wohin die Dateien kopiert wurden. |
|
67 |
+* Via {{code language="none"}}npm install{{/code}} nun die Abhängigkeiten aktualisieren. Dieser Befehl kann einige Momente dauern. Hierfür ist es notwendig, dass der Server eine Internetverbindung hat. Falls eine Verbindung nicht möglich ist, schaue Sie bitte [[hier>>doc:||anchor="HBefehlnpminstallfFChrtzuTimeout"]]. |
|
68 |
+* Nun kann der Print-Service-Windows-Dienst wieder gestartet werden. |
|
69 |
+ |
|
70 |
+Sollt das Update dazu führen, dass der Dienst nicht mehr gestartet werden kann, sollten Sie eine Neuinstallation durchfürhen. Heißt erst eine Deinstallation und dann den Schritten unter Installation folgen. |
|
71 |
+ |
|
72 |
+== Installation Print Server unter Linux == |
|
73 |
+ |
|
74 |
+=== Installationsschritte für die Installation von Node.js und dem Print Server === |
|
75 |
+ |
62 |
62 |
Zur Installation öffnen Sie die Konsole und führen die folgenden Befehle aus: |
63 |
63 |
|
64 |
64 |
{{code language="none"}} |
... |
... |
@@ -77,11 +77,9 @@ |
77 |
77 |
# Datei Ausführbar machen |
78 |
78 |
chmod 750 install_print_server.sh |
79 |
79 |
|
80 |
|
- |
81 |
81 |
# Installation starten |
82 |
82 |
./install_print_server.sh |
83 |
83 |
|
84 |
|
- |
85 |
85 |
# Print Server ausführen |
86 |
86 |
systemctl start printserver |
87 |
87 |
{{/code}} |
... |
... |
@@ -89,7 +89,7 @@ |
89 |
89 |
In den ersten Zeilen des Scripts kann noch - über die Variablen {{code language="none"}}PRINTSERVER_USER{{/code}} und {{code language="none"}}PRINTSERVER_USER_PWD{{/code}} - der anzulegende Benutzername/Passwort angepasst werden. |
90 |
90 |
Über den Parameter verbose können Sie die Log-Ausgabe de-/aktvieren. Die Skripte für den Dienst sollten unter {{code language="none"}}/home/formcycle/print_server{{/code}} zu finden sein. In dem Start-Skript kann der verbose-Parameter angepasst werden. |
91 |
91 |
|
92 |
|
-==== Deinstallation ==== |
|
104 |
+=== Deinstallation === |
93 |
93 |
|
94 |
94 |
Für die Deinstallation des Print Servers, öffnen Sie eine Kommandozeile (cmd) mit administrativen Berechtigungen und führen Sie folgende Befehle aus: |
95 |
95 |
|
... |
... |
@@ -102,24 +102,41 @@ |
102 |
102 |
Bei der Installation wurden, in Abhängigkeit des vorhandenen Systems, auch einige Linux-Pakete wie z.B. nodejs installiert. Es ist aber nicht möglich, die Pakete automatisiert wieder zu deinstallieren. Löschen Sie die automatisch installierten Pakete nur, wenn Sie zu 100% sicher sind, dass sie nicht mehr benötigt werden! |
103 |
103 |
{{/info}} |
104 |
104 |
|
105 |
|
-=== Test === |
|
117 |
+=== Aktualisierung === |
106 |
106 |
|
107 |
|
-Um zu prüfen, ob die Installation erfolgreich durchgeführt wurde, kann der Service testweise auf dem Server aufgerufen werden: |
108 |
|
-{{code language="none"}}http://localhost:8090/pdf?orientation=landscape&format=A4&wait=false&marginTop=0mm&formURL=http://www.formcycle.de{{/code}} |
|
119 |
+Prinzipiell ist eine Aktualisierung möglich, indem der Print-Service deinstalliert und anschließend neu installiert wird. |
109 |
109 |
|
110 |
|
-=== Einrichtung des Plugins === |
|
121 |
+In den meisten Fällen reicht es allerdings aus, die Server-Script-Dateien zu ersetzen und die Abhängigkeiten per npm zu aktualsieren: |
111 |
111 |
|
112 |
|
-==== Installation Plugin Print-Service ==== |
|
123 |
+* Die aktuelle Version "print_server_fc.zip" herunterladen. |
|
124 |
+* Den Print-Service-Systemdienst FORMCYCLE Print Sever stoppen: {{code language="none"}}systemctl stop printserver{{/code}} |
|
125 |
+* Die Dateien aus dieser Zip-Datei in den Ordner kopieren, wo der Print-Service aktuell installiert ist (bei Nachfrage "Dateien überschreiben" auswählen). (% id="cke_bm_32515S" style="display:none" %) (%%)Die Dateien sollten standardmäßig unter (% id="cke_bm_219S" style="display:none" %) (%%) {{code language="none"}}/home/formcycle/print_server{{/code}} zu finden sein. |
|
126 |
+* Eine Kommandozeile (cmd) mit administrativen Berechtigungen öffnen und in den Ordner wechseln, wohin die Dateien kopiert wurden. Die Dateien sollten standardmäßig unter (% id="cke_bm_219S" style="display:none" %) (%%) {{code language="none"}}/home/formcycle/print_server{{/code}} zu finden sein. |
|
127 |
+* Via {{code language="none"}}npm install{{/code}} nun die Abhängigkeiten aktualisieren. Dieser Befehl kann einige Momente dauern. Hierfür ist es notwendig, dass der Server eine Internetverbindung hat. Falls ein Proxy notwendig ist für die Internetverbindung, kann dieser per {{code language="none"}}npm config set proxy http:/...{{/code}} gesetzt und per {{code language="none"}}npm config delete proxy{{/code}} wieder gelöscht werden. |
|
128 |
+* Nun kann der Print-Service-Systemdienst wieder gestartet werden: {{code language="none"}}systemctl start printserver{{/code}} |
113 |
113 |
|
|
130 |
+== Test == |
|
131 |
+ |
|
132 |
+Um zu prüfen, ob die Installation erfolgreich durchgeführt wurde, kann der Service testweise auf dem localen Server aufgerufen werden (in diesem Beispiel wird versucht die Webseite formcycle.de zu drucken): |
|
133 |
+ |
|
134 |
+{{code language="none"}} |
|
135 |
+http://localhost:8090/pdf?orientation=landscape&format=A4&wait=false&marginTop=0mm&formURL=http://www.formcycle.de |
|
136 |
+{{/code}} |
|
137 |
+ |
|
138 |
+== Einrichtung des Plugins == |
|
139 |
+ |
|
140 |
+=== Installation Plugin Print-Service === |
|
141 |
+ |
114 |
114 |
Damit das Plugin in {{formcycle/}} als Aktion im Workflow zur Verfügung steht, muss dieses im Bereich Systemplugin der Verwaltungsoberfläche bereitgestellt werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]]. |
115 |
115 |
|
116 |
116 |
Falls bereits die alte Version des Print-Service Plugins (Phantom-Plugin) installiert war, wird folgende Vorgehensweise für die Installation empfohlen: |
|
145 |
+ |
117 |
117 |
* Phantom-Plugin deaktivieren |
118 |
118 |
* Phantom-Plugin löschen |
119 |
119 |
* Neues Print-Service Plugin hochladen |
120 |
120 |
* Mit der Konfiguration fortfahren |
121 |
121 |
|
122 |
|
-==== Konfiguration des Plugins ==== |
|
151 |
+=== Konfiguration des Plugins === |
123 |
123 |
|
124 |
124 |
Nachdem das Plugin installiert weurde, muss noch die Service-URL angepasst werden. Diese wird am Plugin über den Pflichtparameter {{code language="none"}}pdf.print.services.url{{/code}} festgelegt. |
125 |
125 |
|
... |
... |
@@ -128,10 +128,18 @@ |
128 |
128 |
|
129 |
129 |
Damit ist die Einrichtung des Print-Service Plugins abgeschlossen und steht als Aktion im Workflow zur Verfügung. |
130 |
130 |
|
131 |
|
-=== Troubleshooting === |
|
160 |
+== Troubleshooting Installation == |
132 |
132 |
|
133 |
|
-==== Befehl npm install führt zu Timeout ==== |
|
162 |
+=== Befehl npm wird nicht gefunden === |
134 |
134 |
|
|
164 |
+Unter Windows kann es sein, dass nach der NodeJS Installation die Umgebungsvariablen nicht richtig gesetzt werden und somit npm install nicht ausgeführt werden kann. Zu beobachten war dies auch, wenn nicht der Standardpfad unter C:/Programme bei NodeJS Installation verwendet wurde. Prüfen Sie also im Path, ob diese vorhanden sind. Folgendes ist hierfür zu tun: |
|
165 |
+ |
|
166 |
+* Aufruf der Umgebungsvariablen über Systemsteuerung > System > Erweiterte Systemeinstellungen > Button Umgebungsvariblen |
|
167 |
+* Unter Path sollten folgende Einträge zu finden sein: {{info}}C:\Users\{Nutzername}\AppData\Roaming\npm;C:\Program Files\nodejs{{/info}} |
|
168 |
+* Mit Ok bestätigen. Die Konsole muss anschließend mit Adminrechten neu geöffnet werden. |
|
169 |
+ |
|
170 |
+=== Befehl npm install führt zu Timeout === |
|
171 |
+ |
135 |
135 |
Der Befehl npm install funktioniert aufgrund eines Proxys nicht, dann reicht die allgemeine Proxy-Einstellung nicht aus. Daher muss über Konsole folgendes ausgeführt werden: |
136 |
136 |
|
137 |
137 |
{{code language="none"}} |
... |
... |
@@ -148,20 +148,18 @@ |
148 |
148 |
|
149 |
149 |
Weitere Informationen sind auch hier zu finden: http://www.fladi.de/2014/02/06/howto-npm-hinter-einem-proxy-verwenden/ |
150 |
150 |
|
151 |
|
-==== Druck funktioniert nicht ==== |
|
188 |
+=== Druck funktioniert nicht === |
152 |
152 |
|
153 |
153 |
Falls der Druck über FORMCYCLE nicht möglich ist, könnte die Ursache sein, dass der Print-Service nicht erreichbar ist. Dies kann durch die Loopback-URL behoben werden. Unter System > Allgemein > Loopback URL, Loopback Basis-URL: {{code language="none"}}http://localhost:<port>/formcycle{{/code}} |
154 |
154 |
|
155 |
|
-==== PDF wird gedruckt, aber es erscheint die Meldung 404 ==== |
|
192 |
+=== PDF wird gedruckt, aber es erscheint die Meldung 404 === |
156 |
156 |
|
157 |
157 |
In dem Fall funktioniert der Print-Service korrekt, da bereits ein PDF erzeugt wird. Es muss geprüft werden, ob die Loopback-URL richtig eingetragen ist, damit die URL zum Print-Service richtig aufgelöst wird. |
158 |
158 |
|
159 |
|
-==== Download Chromium schlägt fehl ==== |
|
196 |
+=== Download Chromium schlägt fehl === |
160 |
160 |
|
161 |
161 |
Folgende Fehlermeldung erscheint auf der Konsole nach der Ausführung von „npm install“: |
162 |
|
-{{code language="none"}} |
163 |
|
-Error: unable to verify the first certificate |
164 |
|
-{{/code}} |
|
199 |
+{{code language="none"}}Error: unable to verify the first certificate{{/code}} |
165 |
165 |
|
166 |
166 |
Bei den beschriebenen Schritten handelt es sich nur um einen Workaround und die Umgebungsvariablen sollten nach der erfolgreichen Installation wieder auf die Standardwerte gesetzt werden! |
167 |
167 |
|
... |
... |
@@ -174,28 +174,93 @@ |
174 |
174 |
|
175 |
175 |
Um das Plugin zu nutzen, klicken Sie im Workflow auf neue Aktion und wählen das Print-Plugin aus. Die folgenden Optionen werden zum Konfigurieren der Plugin-Aktion verwendet: |
176 |
176 |
|
177 |
|
-; **Dateiname** |
178 |
|
-: Dateiname, unter dem das erzeugte PDF-Dokument gespeichert wird. |
179 |
|
-; **Druckmodus Formular mit textueller Ausgabe von Werten** |
180 |
|
-: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt. |
181 |
|
-; **Druckmodus Formular mit Eingabefeldern** |
182 |
|
-: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht. |
183 |
|
-; **Zoomfaktor** |
|
212 |
+: Druck-Modus |
|
213 |
+:; Formularfelder in Text umwandeln |
|
214 |
+:: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt. |
|
215 |
+:; Formularfelder bewahren |
|
216 |
+:: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht. |
|
217 |
+ |
|
218 |
+; Papiergröße |
|
219 |
+: Angabe des Formats für das gedruckte Dokument. |
|
220 |
+ |
|
221 |
+; Seitenausrichtung |
|
222 |
+: Seiteausrichtung, welche für den Druck verwendet werden soll, Quer- und Hochformat sind möglich. |
|
223 |
+ |
|
224 |
+; Hintergrundbilder und Farben berücksichtigen |
|
225 |
+: Hintergrundbilder und Farben werden nicht immer mit berücksichtigt, dies kann hiermit erzwungen werden. |
|
226 |
+ |
|
227 |
+; Blankodruck |
|
228 |
+: (erfordert wenigstens Print-Plugin ab Version 4.2.0 und Print-Service ab Version 1.4.0) Wenn aktiviert, werden beim Druck alle Formularfelder geleert, alle versteckten Felder angezeigt. Zudem werden einige weitere Anpassungen für Blankodrücke vorgenommen, etwa wird die maximale Anzahl an Elementwiederholungen erzeugt. |
|
229 |
+ |
|
230 |
+; Formulartitel in der Kopfzeile anzeigen |
|
231 |
+: Titel des Formulars im Kopfbereich des Dokumentes mitdrucken. |
|
232 |
+ |
|
233 |
+; Seitenzahlen in der Fußzeile anzeigen |
|
234 |
+: Seitanzahl in des Fußzeile des Dokumentes mitdrucken. |
|
235 |
+ |
|
236 |
+; Datum in der Kopfzeile anzeigen |
|
237 |
+: Aktuelle Daum im Kopfbereich des Dokumentes mitdrucken. |
|
238 |
+ |
|
239 |
+; Zoomfaktor |
184 |
184 |
: Faktor, um den das Formular vergrößert wird. Ist dieser kleiner 1, wird das Formular verkleinert. Kann genutzt werden, um besonders große oder kleine Formulare auf das A4-Format des PDF-Dokuments anzupassen. |
185 |
|
-; **Benutzergruppen** |
|
241 |
+ |
|
242 |
+; Rand |
|
243 |
+: Einstellungen für den Rand für oben, links, rechts und unten in Millimeter. |
|
244 |
+ |
|
245 |
+; Status beim Drucken |
|
246 |
+: In Abhängigkeit von einem bestimmten Status drucken. Durch die Einstellungsmöglichkeit [[Verfügbar wenn>>doc:Formcycle.Designer.Form.ElementProperties.AvailableOnlyIf||target="_blank"]], können Formularelemente abhängig vom Status ausgeblendet werden und somit kann das Druckbild beeinflusst werden. |
|
247 |
+ |
|
248 |
+; Benutzergruppen |
186 |
186 |
: Benutzergruppen, denen der virtuelle Benutzer angehört, der das Formular über Selenium öffnet. Formularelemente können abhängig von der Benutzergruppe ausgeblendet bzw. //readonly// geschaltet werden. |
187 |
|
-; **URL-Parameter** |
|
250 |
+ |
|
251 |
+; URL-Parameter |
188 |
188 |
: Zusätzliche URL-Parameter, die an die URL angehängt werden, wenn das Formular über Selenium bei der Generierung des PDF-Dokuments geöffnet wird. Diese können beispielsweise genutzt werden, um [[Formularfelder vorzubefüllen>>Formcycle.Designer.Form.URLParameter]]. Auf diese URL-Parameter kann auch von selbstgeschriebenem JavaScript im Scriptbereich zugegriffen werden. |
189 |
189 |
|
|
254 |
+; Timeout (in Sekunden) |
|
255 |
+: Timout, bis der Druck abgebrochen wird, weil z.b. der Dienst nicht erreichbar ist. Die Standardeinstellung von 30 Sekunden zu ändern, kann dann sinnvoll sein, wenn die Last für den Druckprozessor erhöht ist um alle Anfragen abzuarbeiten. |
|
256 |
+ |
|
257 |
+; Zeitpunkt für die PDF-Erstellung selbst bestimmen |
|
258 |
+: Falls in einem selbst geschriebenen Java-Script verzögert Abfragen ausgeführt werden, dann kann mittels dem Parameter //window.print.status = true//, der Druck angestoßen werden. Dazu muss aber die Checkbox aktiviert werden. Sonst erfolgt der Druck sobald aus Sicht des Printers das Formular fertig geladen ist und Skripte ausgeführt wurden. Hierbei handelt es sich um eine fortgeschrittene Einstellung und sollte nur verwendet werden, wenn dies wirklich gebraucht wird. |
|
259 |
+ |
|
260 |
+; Dateiname |
|
261 |
+: Dateiname, unter dem das erzeugte PDF-Dokument gespeichert wird. |
|
262 |
+ |
|
263 |
+; An den Vorgang anhängen |
|
264 |
+: Die Datei dauerhaft speichern. Diese Einstellung ist auch notwendig, wenn die Datei z.B. auf einer Abschlussseite als Download (mittels [[Attachment-Platzhalter>>doc:Formcycle.UserInterface.Variables||anchor="HSystemplatzhalterfFCrHTML-Templates" target="_blank"]]) angeboten werden soll. |
|
265 |
+ |
190 |
190 |
== CSS-Anpassungen für Druckbild == |
|
267 |
+ |
|
268 |
+Allgemeine CSS-Anpassungen für den Druck können über eine entsprechende Media-Query umgesetzt werden: |
|
269 |
+ |
|
270 |
+{{code language="css"}} |
|
271 |
+@media print { |
|
272 |
+ /* general CSS for printing */ |
|
273 |
+} |
|
274 |
+{{/code}} |
|
275 |
+ |
|
276 |
+Hier ist zu beachten, dass dieses CSS auch angwandt wird, wenn das Formular etwa direkt über den Browser gedruck wird. |
|
277 |
+ |
|
278 |
+Weiterhin gibt es speziell für den Print-Service noch folgende spezielle CSS-Klassen, welche immer an das //form.xm-form//-Element angefügt werden (erfordert mindestens Print-Plugin Version 4.2.0 und Print-Server-Plugin 1.4.0). |
|
279 |
+ |
|
280 |
+; xm-print |
|
281 |
+: Wird immer angefügt. |
|
282 |
+; xm-print~-~-mode-plain |
|
283 |
+: Wird angefügt, wenn als Druckmodus //Formularfelder bewahren// ausgewählt ist. |
|
284 |
+; xm-print~-~-mode-dynamic |
|
285 |
+: Wird angefügt, wenn als Druckmodus //Formularfelder in Text umwandeln// ausgewählt ist. |
|
286 |
+; xm-print~-~-style-filled |
|
287 |
+: Wird angefügt, wenn die Option //Blankodruck// deaktiviert ist. |
|
288 |
+; xm-print~-~-style-blank |
|
289 |
+: Wird angefügt, wenn die Option //Blankodruck// aktiviert ist. |
|
290 |
+ |
191 |
191 |
=== Textfelder und Auswahllisten === |
192 |
192 |
|
193 |
|
-Zur Optimierung des PDF-Dokuments für den Druck werden Formularelemente vom Typ [[Eingabefeld>>Formcycle.Designer.Form.FormElements.Input]], [[Textarea>>Formcycle.Designer.Form.FormElements.Textarea]] und [[Auswahl>>Formcycle.Designer.Form.FormElements.Selection]] (Drop-Down) in reine Textfelder umgewandelt, falls als **Druckmodus Formular mit textueller Ausgabe von Werten** eingestellt ist. Zudem werden diese mit der CSS-Klasse //print// und //XSpan// versehen, welches für Anpassungen des Aussehens verwendet werden kann. Um etwas die Schriftgröße zu ändern, kann folgendes CSS verwendet werden: |
|
293 |
+Zur Optimierung des PDF-Dokuments für den Druck werden Formularelemente vom Typ [[Eingabefeld>>Formcycle.Designer.Form.FormElements.Input]], [[Textarea>>Formcycle.Designer.Form.FormElements.Textarea]] und [[Auswahl>>Formcycle.Designer.Form.FormElements.Selection]] (Drop-Down) in reine Textfelder umgewandelt, falls als Druckmodus //Formularfelder in Text umwandeln// eingestellt ist. Zudem werden diese mit der CSS-Klasse //print// und //XSpan// versehen, welches für Anpassungen des Aussehens verwendet werden kann. Um etwas die Schriftgröße zu ändern, kann folgendes CSS verwendet werden: |
194 |
194 |
|
195 |
195 |
{{code language="css"}} |
196 |
196 |
.print.XSpan { |
197 |
|
- font-size: 18pt; |
198 |
|
- font-family: serif; |
|
297 |
+ font-size: 18pt; |
|
298 |
+ font-family: serif; |
199 |
199 |
} |
200 |
200 |
{{/code}} |
201 |
201 |
|
... |
... |
@@ -215,12 +215,35 @@ |
215 |
215 |
Um einen definierten Seitenumbruch zu erzeugen, sind die page-break Attribute per CSS zu setzen. Dabei ist der entsprechende Container bzw. Element per xn-Attribut zu selektieren. Hierbei müssen Sie beachten, dass die {{smallcaps}}Css{{/smallcaps}}-Eigenschaft //display// auf //block// gesetzt werden, sonst wird kein Zeilenumbruch erzeugt. In diesem Beispiel soll vor dem Container //div1 //ein Umbruch erzeugt werden. |
216 |
216 |
|
217 |
217 |
{{code language="css"}} |
218 |
|
-[xn=div2] { |
|
318 |
+[data-xn=div2] { |
219 |
219 |
display: block !important; |
220 |
220 |
page-break-before: always; |
221 |
221 |
} |
222 |
222 |
{{/code}} |
223 |
223 |
|
|
324 |
+=== Seitenumbruch verhindern === |
|
325 |
+ |
|
326 |
+Die Standardeinstellung beim Druck sieht vor, dass nach jeder Formularseite ein Umbruch eingefügt wird: |
|
327 |
+ |
|
328 |
+{{code language="css"}} |
|
329 |
+@media print { |
|
330 |
+ .CXPage:not(:first-child ), .page-break { |
|
331 |
+ display: block !important; |
|
332 |
+ page-break-before: always; |
|
333 |
+ } |
|
334 |
+} |
|
335 |
+{{/code}} |
|
336 |
+ |
|
337 |
+Um die Umbrüche zu vermeiden ist im Formularen folgende Regel im Reiter CSS zu hinterlegen: |
|
338 |
+ |
|
339 |
+{{code language="css"}} |
|
340 |
+@media print { |
|
341 |
+ .CXPage:not(:first-child ) { |
|
342 |
+ page-break-before: avoid; |
|
343 |
+ } |
|
344 |
+} |
|
345 |
+{{/code}} |
|
346 |
+ |
224 |
224 |
=== Verwendung von anderen Schriftarten === |
225 |
225 |
|
226 |
226 |
==== Technische Voraussetzungen ==== |
... |
... |
@@ -249,6 +249,128 @@ |
249 |
249 |
|
250 |
250 |
==== Rechtliche Hinweise ==== |
251 |
251 |
|
252 |
|
-Schriftarten haben zum Teil sehr eng umgrenzte Lizenzbedingungen und werden je nach Einsatzzweck unterschiedlich bepreist. Es ist zu beachten, dass Schriftarten für das Erstellen von PDFs in diese eingebettet werden müssen, was bei vielen kommerziellen Schriftarten eine andere Lizenz als für das Ausliefern über einen Webserver für den Zweck der Darstellung einer Webseite in einem Webbrowser verlangt. |
|
375 |
+Schriftarten haben zum Teil sehr eng umgrenzte Lizenzbedingungen und werden je nach Einsatzzweck unterschiedlich bepreist. Es ist zu beachten, dass Schriftarten für das Erstellen von PDFs in diese eingebettet werden müssen, was bei vielen kommerziellen Schriftarten eine andere Lizenz als für das Ausliefern über einen Webserver für den Zweck der Darstellung einer Webseite in einem Webbrowser verlangt. |
253 |
253 |
|
254 |
254 |
In Schriftarten vom Typ //TrueType// und //OpenType// können Informationen über die Einbettbarkeit der Schriftart direkt mitgespeichert werden. Je nachdem, was dort konfiguriert ist, kann eine Schriftart gegebenenfalls nicht eingebettet werden und wird vom //Print-Service-Plugin// stattdessen nur als Vektorgrafik in die erstellten PDF-Dokumente gerendert. |
|
378 |
+ |
|
379 |
+== JavaScript-Anpassungen für Druckbild == |
|
380 |
+ |
|
381 |
+Manchmal kann es erforderlich sein, vor dem Druck noch JavaScript auszuführen. Hierzu kann die Funktion //$.xutil.onPrint// verwendet werden, welche folgende Signatur hat |
|
382 |
+ |
|
383 |
+{{code language="text"}} |
|
384 |
+function onPrint(callback: () => Promise<void> | void): void |
|
385 |
+{{/code}} |
|
386 |
+ |
|
387 |
+Mit dieser Funktion können ein oder mehrere Callbacks registriert werden, welche vor dem Druck ausgeführt werden. Wenn ein Callback ein //Promise// zurückliefert, wird mit dem Druck gewartet, bis das Promise erfüllt ist. Falls das Promise abgewiesen wird, wird der Fehler gelogged, der Print aber nicht abgebrochen. Zu beachten ist weiterhin, dass die Registrierung der Callbacks vor dem Druck erfolgen muss, also beispielsweise innerhalb eines JQuery-Document-Ready-Handlers (//$(callback)//). |
|
388 |
+ |
|
389 |
+Falls beispielsweise ein AJAX-Request fertig ausgeführt werden soll, bevor mit dem Druck begonnen wird: |
|
390 |
+ |
|
391 |
+{{js}} |
|
392 |
+ $.xutil.onPrint(async () => { |
|
393 |
+ const response = await fetch("http://some-url.de"); |
|
394 |
+ // do something with response |
|
395 |
+ }); |
|
396 |
+{{/js}} |
|
397 |
+ |
|
398 |
+{{jsIE}} |
|
399 |
+ $.xutil.onPrint(function() { |
|
400 |
+ return new Promise(function(resolve, reject) { |
|
401 |
+ $.ajax("http://some-url.de", { |
|
402 |
+ success: function(data, textStatus, jqXHR) { |
|
403 |
+ // Do something with the response data |
|
404 |
+ resolve(undefined); |
|
405 |
+ }, |
|
406 |
+ error: function(jqXHR, textStatus, errorThrown) { |
|
407 |
+ reject("HTTP request error: " + textStatus + " - " + errorThrown); |
|
408 |
+ }, |
|
409 |
+ }); |
|
410 |
+ }); |
|
411 |
+ }); |
|
412 |
+{{/jsIE}} |
|
413 |
+ |
|
414 |
+== Versionshistorie == |
|
415 |
+ |
|
416 |
+=== Plugin === |
|
417 |
+ |
|
418 |
+==== 4.3.0 ==== |
|
419 |
+ |
|
420 |
+* Feature: Neue Option zum erneuten Versuchen des Drucks bei Fehlern. |
|
421 |
+ |
|
422 |
+==== 4.2.3 ==== |
|
423 |
+ |
|
424 |
+* Fix: Sonderzeichen im Wert von Auswahloptionen bei Combobox-Felder werden nun immer korrekt im Druck dargestellt. |
|
425 |
+ |
|
426 |
+==== 4.2.2 ==== |
|
427 |
+ |
|
428 |
+* Fix: Bei Textareas, wo die automatische Höhenanpassung aktiviert ist, wird vor dem Druck die Höhe noch einmal neu berechnet. |
|
429 |
+ |
|
430 |
+==== 4.2.1 ==== |
|
431 |
+ |
|
432 |
+* Fix: Version des Print-Server beim Check wird korrekt angezeigt |
|
433 |
+ |
|
434 |
+==== 4.2.0 ==== |
|
435 |
+ |
|
436 |
+* Feature: Neue Option //Blankodruck// im Plugin |
|
437 |
+* Feature: Es werden einige CSS-Klassen //xm-print// an das //form.xm-form// angefügt. |
|
438 |
+* Change: Ist im Designer unter Print-Einstellungen (Word- und PDF-Export-Optionen) eingestellt, dass ein Element versteckt sein soll, wird dieses auch im Druck nicht mitgedruckt. FÜr dieses Features ist {{formcycle/}} Version 7.0.14 oder höher erforderlich. |
|
439 |
+* Change: Betrifft den Druckmodus //dynamisch//: Hatte ein Eingabefeld keinen Wert, wurde stattdessen der Platzhalter (placeholder-Attribute) des Elements als Wert angezeigt. Dies ist verwirrend und wurde geändert. Hat ein Eingabefeld keinen Wert, wird auch kein Wert dargestellt. |
|
440 |
+* Change: Betrifft den Druckmodus //dynamisch//: Hatte ein Auswahlfeld mit Darstellung Dropdown keinen Wert, wurde //Bitte auswählen// als Wert angezeigt. Dies wurde so geändert, dass nun kein Wert angezeigt wird. |
|
441 |
+ |
|
442 |
+==== 4.1.2 ==== |
|
443 |
+ |
|
444 |
+* Hinweis in der Plugin-Oberfläche bezüglich //$.xutil.onPrint// ergänzt. |
|
445 |
+ |
|
446 |
+==== 4.1.1 ==== |
|
447 |
+ |
|
448 |
+* Erfordert wenigstens {{formcycle/}} in Version 7.0.4. |
|
449 |
+* Change: Pflichtfeldhinweis wird nicht mehr angezeigt |
|
450 |
+* Fix: Datumformat wird wieder sofort eingeblendet |
|
451 |
+ |
|
452 |
+==== 4.1.0 ==== |
|
453 |
+ |
|
454 |
+* Status zum Drucken kann ausgewählt werden. Ist kein Status ausgewählt, wird wie bisher der aktuelle Status des Vorgangs genommen. |
|
455 |
+* Konfigurierte Nutzergruppen werden korrekt an der Aktion gespeichert. |
|
456 |
+ |
|
457 |
+==== 4.0.2 ==== |
|
458 |
+ |
|
459 |
+* Es kann nun ein Timeout gesetzt werden. Ist der Print-Service nicht erreichbar, wird die Aktion sonst möglicherweise nie abgebrochen. |
|
460 |
+ |
|
461 |
+==== 4.0.1 ==== |
|
462 |
+ |
|
463 |
+* Fix: In der Aktion für den neuen Workflow wurde die Datei nicht an den Vorgang angehangen. |
|
464 |
+ |
|
465 |
+==== 4.0.0 ==== |
|
466 |
+ |
|
467 |
+* Anpassungen für {{formcycle/}} Version 7. |
|
468 |
+ |
|
469 |
+=== Server === |
|
470 |
+ |
|
471 |
+==== 1.6.1 ==== |
|
472 |
+ |
|
473 |
+* Fix compatibility with Windows service installation script |
|
474 |
+ |
|
475 |
+==== 1.6.0 ==== |
|
476 |
+ |
|
477 |
+* Es wird nun Chromium 108.0.5351.0 zum Drucken genutzt. |
|
478 |
+* Neues CLI-Flag //~-~-disableCache=true// zum Deaktivieren des Browser-Cache. |
|
479 |
+* Neues CLI-Flag //~-~-isolatedBrowser=true// um einen separaten Browser für jeden Print-Request zu verwenden. |
|
480 |
+* Fix Debian Install-Script, installiere auch libgbm1. |
|
481 |
+ |
|
482 |
+==== 1.5.1 ==== |
|
483 |
+ |
|
484 |
+* Abhängigkeit node-windows aktualisiert |
|
485 |
+ |
|
486 |
+==== 1.5.0 ==== |
|
487 |
+ |
|
488 |
+* Update auf Chromium 105.0.5173.0 |
|
489 |
+* Erfordert mindestens Node.JS 14 oder höher |
|
490 |
+ |
|
491 |
+==== 1.4.1 ==== |
|
492 |
+ |
|
493 |
+* Script zum Installieren / Deinstallieren des Windows-Services ist wieder lauffähig (//install-windows-service.js// und //uninstall-windows-service.js//) |
|
494 |
+ |
|
495 |
+==== 1.4.0 ==== |
|
496 |
+ |
|
497 |
+* Bei Fehlern während des Druckens wird dieser Fehler mit der HTTP-Antwort zurückgeliefert |
|
498 |
+* Print-Server kann nun zum Drucken beliebiger Webseiten genutzt werden. JavaScript und CSS, welche im Kontext der zu druckenden Seite ausgeführt werden soll, kann nun mit der HTTP-Anfrage übergeben werden. |
|
499 |
+* Bei Aufruf des Pfads ///pdf// liefer der Print-Server nun eine Status-Report des Servers zurück. |