... |
... |
@@ -1,15
+1,15 @@ |
1 |
|
-Beim Drucken von Formularen wird bereits per {{smallcaps}}Css{{/smallcaps}} ein Zeilenumbruch nach jeder Seite eingefügt. Manchmal ist es sinnvoll, auch nach jeder Elementwiederholung einen Zeilenumbruch einzufügen. Besonders, wenn das wiederholte Element sehr groß ist. Hierbei müssen wir beachten, dass wir die {{smallcaps}}Css{{/smallcaps}}-Eigenschaft //display// auf //block// setzen, sonst wird kein Zeilenumbruch erzeugt. |
|
1 |
+Beim Drucken von Formularen wird bereits per CSS ein Zeilenumbruch nach jeder Seite eingefügt. Manchmal ist es sinnvoll, auch nach jedem dynamischen Element einen Zeilenumbruch einzufügen, wenn das dynamische Element sehr groß ist. Hierbei muss beachtet werden, dass die CSS-Eigenschaft //display// auf //block// umgeschaltet werden muss, sonst wird keine Zeilenumbruch erzeugt. |
2 |
2 |
|
3 |
|
-Hat das wiederholbare Formularelement den Namen //tfEmail//, dann können wir mit folgendem {{smallcaps}}Css{{/smallcaps}} ein Zeilenumbruch erzeugen: |
|
3 |
+Hat das dynamische Formularelement den Namen //tf1//, so kann mit folgenden CSS ein Zeilenumbruch erzeugt werden. |
4 |
4 |
|
5 |
5 |
{{code language="css"}} |
6 |
6 |
@media print{ |
7 |
|
- [xn="tfEmail"] { |
8 |
|
- display: block !important; |
9 |
|
- } |
10 |
|
- .dynamic-row:not(:first-child) { |
11 |
|
- display: block !important; |
12 |
|
- page-break-before: always !important; |
13 |
|
- } |
|
7 |
+ [xn="tf1"] { |
|
8 |
+ display: block !important; |
|
9 |
+ } |
|
10 |
+ .dynamic-row:not(:first-child) { |
|
11 |
+ display: block !important; |
|
12 |
+ page-break-before: always !important; |
|
13 |
+ } |
14 |
14 |
} |
15 |
15 |
{{/code}} |