| ... |
... |
@@ -1,15
+1,15 @@ |
| 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 kein Zeilenumbruch erzeugt. |
|
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, wenn das wiederholte Element sehr groß ist. Hierbei muss beachtet werden, dass die {{smallcaps}}Css{{/smallcaps}}-Eigenschaft //display// auf //block// umgeschaltet wird, sonst wird kein Zeilenumbruch erzeugt. |
| 2 |
2 |
|
| 3 |
|
-Hat das dynamische Formularelement den Namen //tf1//, so kann mit folgenden CSS ein Zeilenumbruch erzeugt werden. |
|
3 |
+Hat das wiederholbare Formularelement den Namen //tfEmail//, so kann mit folgendem {{smallcaps}}Css{{/smallcaps}} ein Zeilenumbruch erzeugt werden. |
| 4 |
4 |
|
| 5 |
5 |
{{code language="css"}} |
| 6 |
6 |
@media print{ |
| 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 |
|
- } |
|
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 |
+ } |
| 14 |
14 |
} |
| 15 |
15 |
{{/code}} |