| ... |
... |
@@ -24,9 +24,9 @@ |
| 24 |
24 |
<div id="content"></div> |
| 25 |
25 |
</body> |
| 26 |
26 |
</html> |
| 27 |
|
-{{/code}} |
|
27 |
+ {{/code}} |
| 28 |
28 |
|
| 29 |
|
-Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene [[HTML-Seite>>attach:iframe.html]] in einem iframe dargestellt: |
|
29 |
+Die Einbindung erfolgt hier zur Demonstration in eine eigene HTML-Seite in einem iframe: |
| 30 |
30 |
|
| 31 |
31 |
{{html clean="false"}} |
| 32 |
32 |
<style type="text/css"> |
| ... |
... |
@@ -53,25 +53,12 @@ |
| 53 |
53 |
text-align:center; |
| 54 |
54 |
} |
| 55 |
55 |
|
| 56 |
|
- .resizer { |
| 57 |
|
- display:flex; |
| 58 |
|
- margin:0; |
| 59 |
|
- padding:0; |
| 60 |
|
- resize:both; |
| 61 |
|
- overflow:hidden |
|
56 |
+ span.box{ |
|
57 |
+ display: block; |
|
58 |
+ padding: 20px; |
| 62 |
62 |
} |
| 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; } |
| 72 |
72 |
</style> |
| 73 |
73 |
|
| 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> |
|
62 |
+ |
|
63 |
+ <iframe id="customerdemo" style="width:100%; height:900px" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
| 77 |
77 |
{{/html}} |
