... |
... |
@@ -18,15 +18,15 @@ |
18 |
18 |
<!-- configure path to your server, the id of the content element where the form should placed into and id of the form.--> |
19 |
19 |
<script src="https://demo7.formcycle.eu/formcycle/form/include.js?auto=1&form_container_id=content&form_id=564&form_base=https://demo7.formcycle.eu/formcycle"></script> |
20 |
20 |
</head> |
21 |
|
- |
22 |
|
- <body class="body"> |
|
21 |
+ |
|
22 |
+ <body class="body"> |
23 |
23 |
<!-- this is the div where the form will be placed into --> |
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}} |