... |
... |
@@ -1,5 +1,9 @@ |
1 |
1 |
[[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/apps/files/?dir=/FORMCYCLE%20-%20Plugins%20Customer/fc-plugin-print-service&fileid=8194||rel="noopener noreferrer" target="_blank"]] (requires login) |
2 |
2 |
|
|
3 |
+{{info}} |
|
4 |
+{{formcycle/}} Version 7 requires the //Print-Service// plugin version to be **4.0.0** or higher. |
|
5 |
+{{/info}} |
|
6 |
+ |
3 |
3 |
{{content/}} |
4 |
4 |
|
5 |
5 |
The plugin //Print Services// is available separately and lets you create a PDF document from a form that is optimized for printing. This plugin is subject to additional charge. |
... |
... |
@@ -110,9 +110,10 @@ |
110 |
110 |
|
111 |
111 |
==== Print-Service Plugin Installation ==== |
112 |
112 |
|
113 |
|
-In order for the plugin to be available in {{formcycle/}} as an action in the workflow processing, it must be deployed in the System Plugin section of the management interface. Instructions for installing plugins can be found [[here>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]]. |
|
117 |
+In order for the plugin to be available in {{formcycle/}} as an action in the workflow, it must be deployed in the System Plugin section of the management interface. Instructions for installing plugins can be found [[here>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]]. |
114 |
114 |
|
115 |
115 |
If the old version of the print service plugin (phantom plugin) was already installed, the following procedure is recommended for installation: |
|
120 |
+ |
116 |
116 |
* Disable the phantom plugin |
117 |
117 |
* Delete the phantom plugin |
118 |
118 |
* Upload new print service plugin |
... |
... |
@@ -126,10 +126,17 @@ |
126 |
126 |
|
127 |
127 |
For example: {{code language="none"}}http://localhost:8089/pdf{{/code}} |
128 |
128 |
|
129 |
|
-This completes the setup of the print service plugin and it is available as an action in the [[workflow processing>>doc:Formcycle.UserInterface.MyForms.WorkflowProcessing]]. |
|
134 |
+This completes the setup of the print service plugin and it is available as an action in the [[workflow processing>>doc:Formcycle.Designer.Workflow.WebHome]]. |
130 |
130 |
|
131 |
131 |
=== Troubleshooting === |
132 |
132 |
|
|
138 |
+==== Command npm not found ==== |
|
139 |
+ |
|
140 |
+Under Windows it is possible that after the NodeJS installation the environment variables are not set correctly and so npm install cannot be executed. This was also the case if the default path under C:/Programs was not used during the NodeJS installation. So check in the path if these are existing. The following must be done for this: |
|
141 |
+ |
|
142 |
+* Call up the environment variables via Control Panel > System > Advanced System Settings > Environment Variables button. |
|
143 |
+* In Path you should find the following entries: {{info}}C:\Users\{username}\AppData\Roaming\npm;C:\Program Files\nodejs{{/info}} |
|
144 |
+ |
133 |
133 |
==== Command npm install leads to timeout ==== |
134 |
134 |
|
135 |
135 |
If the npm install command does not work due to a proxy, then the general proxy setting is not sufficient. Therefore, the following must be executed via console: |
... |
... |
@@ -159,9 +159,7 @@ |
159 |
159 |
==== Downloading Chromium fails ==== |
160 |
160 |
|
161 |
161 |
The following error message appears on the console after running "npm install": |
162 |
|
-{{code language="none"}} |
163 |
|
-Error: unable to verify the first certificate |
164 |
|
-{{/code}} |
|
174 |
+{{code language="none"}}Error: unable to verify the first certificate{{/code}} |
165 |
165 |
|
166 |
166 |
The described steps are only a workaround and the environment variables should be set back to the default values after the successful installation! |
167 |
167 |
|
... |
... |
@@ -185,12 +185,13 @@ |
185 |
185 |
; **User groups** |
186 |
186 |
: A virtual user is created when opening the form with Selenium. Select the user groups here to which this virtual user should belong to. Form elements can be configured to be displayed or editable only for certain user groups. |
187 |
187 |
; **URL parameter** |
188 |
|
-: Additional URL parameters added to the URL used when opening the form with Selenium. You can use URL parameters to [[prefill form fields>>Formcycle.FormDesigner.URLParameter]] or access them from within JavaScript. |
|
198 |
+: Additional URL parameters added to the URL used when opening the form with Selenium. You can use URL parameters to [[prefill form fields>>Formcycle.Designer.Form.URLParameter]] or access them from within JavaScript. |
189 |
189 |
|
190 |
190 |
== CSS-Anpassungen für Druckbild == |
|
201 |
+ |
191 |
191 |
=== Input elements === |
192 |
192 |
|
193 |
|
-To optimize the form for printing, form elements of type [[input field>>Formcycle.FormDesigner.FormElements.Input]], [[text area>>Formcycle.FormDesigner.FormElements.Textarea]] und [[select>>Formcycle.FormDesigner.FormElements.Selection]] (Drop-Down) may be converted to plain text fields, if the print mode is set to Input elements as text. |
|
204 |
+To optimize the form for printing, form elements of type [[input field>>Formcycle.Designer.Form.FormElements.Input]], [[text area>>Formcycle.Designer.Form.FormElements.Textarea]] und [[select>>Formcycle.Designer.Form.FormElements.Selection]] (Drop-Down) may be converted to plain text fields, if the print mode is set to Input elements as text. |
194 |
194 |
|
195 |
195 |
Additionally, the CSS classes //print// and //XSpan// are added to the converted input element that can be used for styling them. For example, in order to change the font size, you can use the following CSS: |
196 |
196 |
|
... |
... |
@@ -223,6 +223,31 @@ |
223 |
223 |
} |
224 |
224 |
{{/code}} |
225 |
225 |
|
|
237 |
+ |
|
238 |
+ |
|
239 |
+=== Avoid page break === |
|
240 |
+ |
|
241 |
+The default setting for printing is that a page break is inserted after each page of the form: |
|
242 |
+ |
|
243 |
+{{code language="css"}} |
|
244 |
+@media print { |
|
245 |
+ .CXPage:not(:first-child ), .page-break { |
|
246 |
+ display: block !important; |
|
247 |
+ page-break-before: always; |
|
248 |
+ } |
|
249 |
+} |
|
250 |
+{{/code}} |
|
251 |
+ |
|
252 |
+In order to avoid breaks, the following rule needs to be defined in the CSS tab of the form: |
|
253 |
+ |
|
254 |
+{{code language="css"}} |
|
255 |
+@media print { |
|
256 |
+ .CXPage:not(:first-child ) { |
|
257 |
+ page-break-before: avoid; |
|
258 |
+ } |
|
259 |
+} |
|
260 |
+{{/code}} |
|
261 |
+ |
226 |
226 |
=== Usage of other fonts === |
227 |
227 |
|
228 |
228 |
==== Technical requirements ==== |