Änderungen von Dokument Print-Service-Plugin

Von 16.1 nach 15.1 Von 16.3 nach 16.2

Von Version 16.2

bearbeitet von awa
am 14.06.2022, 14:16

Änderungskommentar: Es gibt keinen Kommentar für diese Version

Auf Version 16.1

bearbeitet von awa
am 14.06.2022, 13:44

Änderungskommentar: Add changelog

Rohform
Im Layout

Zusammenfassung

Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

@@ -207,11 +207,9 @@
  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:
--; Druck-Modus
--:; Formularfelder in Text umwandeln
--:: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt.
--:; Formularfelder bewahren
--:: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht.
++; **Druck-Modus**
++: Formular mit textueller Ausgabe von Werten: Eingabefelder werden in Text umgewandelt und das Formular wird in der Breite entsprechend angepasst, siehe nächster Abschnitt.
++Formular mit Eingabefeldern: Das Formular wird so in dem PDF ausgegeben wie es auch im Browser aussieht.
  ; Papiergröße
  : Angabe des Formats für das gedruckte Dokument.
@@ -261,69 +261,11 @@
  ; An den Vorgang anhängen
  : 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.
--== JavaScript-Anpassungen für Druckbild
--
--Manchmal kann es erforderlich sein, vor dem Druck noch JavaScript auszuführen. Hierzu kann die Funktion //$.xutil.onPrint// verwendet werden, welche folgende Signatur hat
--
--{{code language="text"}}
--function onPrint(callback: () => Promise<void> | void): void
--{{/code}}
--
--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)//).
--
--Falls beispielsweise ein AJAX-Request fertig ausgeführt werden soll, bevor mit dem Druck begonnen wird:
--
--{{js}}
--  $.xutil.onPrint(async () => {
--    const response = await fetch("http://some-url.de")ö
--    // do something with response
--  });
--{{/js}}
--
--{{jsIE}}
--  $.xutil.onPrint(function() {
--    return new Promise(function(resolve, reject) {
--      $.ajax("http://some-url.de", {
--        success: function(data, textStatus, jqXHR) {
--          // Do something with the response data
--          resolve(undefined);
--        },
--        error: function(jqXHR, textStatus, errorThrown) {
--          reject("HTTP request error: " + textStatus + " - " + errorThrown);
--        },
--      });
--    });
--  });
--{{/jsIE}}
--
  == CSS-Anpassungen für Druckbild ==
--Allgemeine CSS-Anpassungen für den Druck können über eine entsprechende Media-Query umgesetzt werden:
--
--{{code language="css"}}
--@media print {
--   /* general CSS for printing */
--}
--{{/code}}
--
--Hier ist zu beachten, dass dieses CSS auch angwandt wird, wenn das Formular etwa direkt über den Browser gedruck wird.
--
--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).
--
--; xm-print
--: Wird immer angefügt.
--; xm-print--mode-plain
--: Wird angefügt, wenn als Druckmodus //Formularfelder bewahren// ausgewählt ist.
--; xm-print--mode-dynamic
--: Wird angefügt, wenn als Druckmodus //Formularfelder in Text umwandeln// ausgewählt ist.
--; xm-print--style-filled
--: Wird angefügt, wenn die Option //Blankodruck// deaktiviert ist.
--; xm-print--style-blank
--: Wird angefügt, wenn die Option //Blankodruck// aktiviert ist.
--
  === Textfelder und Auswahllisten ===
--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:
++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:
  {{code language="css"}}
  .print.XSpan {