Von Version 11.6
bearbeitet von gru
am 05.10.2022, 14:32
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 9.3
bearbeitet von gru
am 05.10.2022, 13:37
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -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:1000px; resize: both; overflow: auto;" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe>
77 77  {{/html}}
iframe.html
Größe
... ... @@ -1,1 +1,1 @@
1 -893 bytes
1 +788 bytes
Inhalt
... ... @@ -6,16 +6,11 @@
6 6   <script src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192"></script>
7 7   <!-- configure path to your server, the id of the content element where the form should placed into and id of the form.-->
8 8   <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>
9 - <style>
10 - h1.page, p.page {
11 - text-align: center;
12 - }
13 - </style>
14 14   </head>
15 15  
16 16   <body class="body">
17 - <h1 class="page">Beispielwebseite</h1>
18 - <p class="page">Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p>
12 + <h1>Beispielwebseite</h1>
13 + <p>Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p>
19 19   <!-- this is the div where the form will be placed into -->
20 20   <div id="content"></div>
21 21   </body>