... |
... |
@@ -207,11 +207,9 @@ |
207 |
207 |
|
208 |
208 |
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: |
209 |
209 |
|
210 |
|
-; Druck-Modus |
211 |
|
-:; Formularfelder in Text umwandeln |
212 |
|
-:: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt. |
213 |
|
-:; Formularfelder bewahren |
214 |
|
-:: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht. |
|
210 |
+; **Druck-Modus** |
|
211 |
+: Formular mit textueller Ausgabe von Werten: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt. |
|
212 |
+Formular mit Eingabefeldern: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht. |
215 |
215 |
|
216 |
216 |
; Papiergröße |
217 |
217 |
: Angabe des Formats für das gedruckte Dokument. |
... |
... |
@@ -223,7 +223,7 @@ |
223 |
223 |
: Hintergrundbilder und Farben werden nicht immer mit berücksichtigt, dies kann hiermit erzwungen werden. |
224 |
224 |
|
225 |
225 |
; Blankodruck |
226 |
|
-: (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. |
|
224 |
+: 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. |
227 |
227 |
|
228 |
228 |
; Formulartitel in der Kopfzeile anzeigen |
229 |
229 |
: Titel des Formulars im Kopfbereich des Dokumentes mitdrucken. |
... |
... |
@@ -263,32 +263,9 @@ |
263 |
263 |
|
264 |
264 |
== CSS-Anpassungen für Druckbild == |
265 |
265 |
|
266 |
|
-Allgemeine CSS-Anpassungen für den Druck können über eine entsprechende Media-Query umgesetzt werden: |
267 |
|
- |
268 |
|
-{{code language="css"}} |
269 |
|
-@media print { |
270 |
|
- /* general CSS for printing */ |
271 |
|
-} |
272 |
|
-{{/code}} |
273 |
|
- |
274 |
|
-Hier ist zu beachten, dass dieses CSS auch angwandt wird, wenn das Formular etwa direkt über den Browser gedruck wird. |
275 |
|
- |
276 |
|
-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). |
277 |
|
- |
278 |
|
-; xm-print |
279 |
|
-: Wird immer angefügt. |
280 |
|
-; xm-print--mode-plain |
281 |
|
-: Wird angefügt, wenn als Druckmodus //Formularfelder bewahren// ausgewählt ist. |
282 |
|
-; xm-print--mode-dynamic |
283 |
|
-: Wird angefügt, wenn als Druckmodus //Formularfelder in Text umwandeln// ausgewählt ist. |
284 |
|
-; xm-print--style-filled |
285 |
|
-: Wird angefügt, wenn die Option //Blankodruck// deaktiviert ist. |
286 |
|
-; xm-print--style-blank |
287 |
|
-: Wird angefügt, wenn die Option //Blankodruck// aktiviert ist. |
288 |
|
- |
289 |
289 |
=== Textfelder und Auswahllisten === |
290 |
290 |
|
291 |
|
-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: |
|
266 |
+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: |
292 |
292 |
|
293 |
293 |
{{code language="css"}} |
294 |
294 |
.print.XSpan { |
... |
... |
@@ -370,85 +370,6 @@ |
370 |
370 |
|
371 |
371 |
==== Rechtliche Hinweise ==== |
372 |
372 |
|
373 |
|
-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. |
|
348 |
+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. |
374 |
374 |
|
375 |
375 |
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. |
376 |
|
- |
377 |
|
-== JavaScript-Anpassungen für Druckbild |
378 |
|
- |
379 |
|
-Manchmal kann es erforderlich sein, vor dem Druck noch JavaScript auszuführen. Hierzu kann die Funktion //$.xutil.onPrint// verwendet werden, welche folgende Signatur hat |
380 |
|
- |
381 |
|
-{{code language="text"}} |
382 |
|
-function onPrint(callback: () => Promise<void> | void): void |
383 |
|
-{{/code}} |
384 |
|
- |
385 |
|
-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)//). |
386 |
|
- |
387 |
|
-Falls beispielsweise ein AJAX-Request fertig ausgeführt werden soll, bevor mit dem Druck begonnen wird: |
388 |
|
- |
389 |
|
-{{js}} |
390 |
|
- $.xutil.onPrint(async () => { |
391 |
|
- const response = await fetch("http://some-url.de"); |
392 |
|
- // do something with response |
393 |
|
- }); |
394 |
|
-{{/js}} |
395 |
|
- |
396 |
|
-{{jsIE}} |
397 |
|
- $.xutil.onPrint(function() { |
398 |
|
- return new Promise(function(resolve, reject) { |
399 |
|
- $.ajax("http://some-url.de", { |
400 |
|
- success: function(data, textStatus, jqXHR) { |
401 |
|
- // Do something with the response data |
402 |
|
- resolve(undefined); |
403 |
|
- }, |
404 |
|
- error: function(jqXHR, textStatus, errorThrown) { |
405 |
|
- reject("HTTP request error: " + textStatus + " - " + errorThrown); |
406 |
|
- }, |
407 |
|
- }); |
408 |
|
- }); |
409 |
|
- }); |
410 |
|
-{{/jsIE}} |
411 |
|
- |
412 |
|
-== Versionshistorie |
413 |
|
- |
414 |
|
-=== 4.2.0 |
415 |
|
- |
416 |
|
-* Feature: Neue Option //Blankodruck// im Plugin |
417 |
|
-* Feature: Es werden einige CSS-Klassen //xm-print// an das //form.xm-form// angefügt. |
418 |
|
-* 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. |
419 |
|
-* 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. |
420 |
|
-* 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. |
421 |
|
- |
422 |
|
-=== 4.1.2 |
423 |
|
- |
424 |
|
-* Hinweis in der Plugin-Oberfläche bezüglich //$.xutil.onPrint// ergänzt. |
425 |
|
- |
426 |
|
-=== 4.1.1 |
427 |
|
- |
428 |
|
-* Erfordert wenigstens {{formcycle/}} in Version 7.0.4. |
429 |
|
-* Change: Pflichtfeldhinweis wird nicht mehr angezeigt |
430 |
|
-* Fix: Datumformat wird wieder sofort eingeblendet |
431 |
|
- |
432 |
|
-=== 4.1.0 |
433 |
|
- |
434 |
|
-* Status zum Drucken kann ausgewählt werden. Ist kein Status ausgewählt, wird wie bisher der aktuelle Status des Vorgangs genommen. |
435 |
|
-* Konfigurierte Nutzergruppen werden korrekt an der Aktion gespeichert. |
436 |
|
- |
437 |
|
-=== 4.0.2 |
438 |
|
- |
439 |
|
-* Es kann nun ein Timeout gesetzt werden. Ist der Print-Service nicht erreichbar, wird die Aktion sonst möglicherweise nie abgebrochen. |
440 |
|
- |
441 |
|
-=== 4.0.1 |
442 |
|
- |
443 |
|
-* Fix: In der Aktion für den neuen Workflow wurde die Datei nicht an den Vorgang angehangen. |
444 |
|
- |
445 |
|
-=== 4.0.0 |
446 |
|
- |
447 |
|
-* Anpassungen für {{formcycle/}} Version 7. |
448 |
|
- |
449 |
|
- |
450 |
|
- |
451 |
|
- |
452 |
|
- |
453 |
|
- |
454 |
|
- |