| ... |
... |
@@ -24,9 +24,9 @@ |
| 24 |
24 |
<div id="content"></div> |
| 25 |
25 |
</body> |
| 26 |
26 |
</html> |
| 27 |
|
- {{/code}} |
|
27 |
+{{/code}} |
| 28 |
28 |
|
| 29 |
|
-Die Einbindung erfolgt hier zur Demonstration in eine eigene HTML-Seite in einem iframe: |
|
29 |
+Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene [[HTML-Seite>>attach:iframe.html]] in einem iframe dargestellt: |
| 30 |
30 |
|
| 31 |
31 |
{{html clean="false"}} |
| 32 |
32 |
<style type="text/css"> |
| ... |
... |
@@ -53,12 +53,25 @@ |
| 53 |
53 |
text-align:center; |
| 54 |
54 |
} |
| 55 |
55 |
|
| 56 |
|
- span.box{ |
| 57 |
|
- display: block; |
| 58 |
|
- padding: 20px; |
|
56 |
+ .resizer { |
|
57 |
+ display:flex; |
|
58 |
+ margin:0; |
|
59 |
+ padding:0; |
|
60 |
+ resize:both; |
|
61 |
+ overflow:hidden |
| 59 |
59 |
} |
|
63 |
+ |
|
64 |
+ .resizer > .resized { |
|
65 |
+ flex-grow:1; |
|
66 |
+ margin:0; |
|
67 |
+ padding:0; |
|
68 |
+ border:0; |
|
69 |
+ height: inherit; |
|
70 |
+ } |
|
71 |
+ .border { border:4px dashed black; } |
| 60 |
60 |
</style> |
| 61 |
61 |
|
| 62 |
|
- |
| 63 |
|
- <iframe id="customerdemo" style="width:100%; height:900px" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
74 |
+ <div class="resizer border" style="height: 1000px;"> |
|
75 |
+ <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
76 |
+ </div> |
| 64 |
64 |
{{/html}} |
