Von Version 9.6
bearbeitet von gru
am 05.10.2022, 13:43
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 11.4
bearbeitet von gru
am 05.10.2022, 13:55
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -26,7 +26,7 @@
26 26   </html>
27 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 in einem iframe verwendet:
30 30  
31 31  {{html clean="false"}}
32 32   <style type="text/css">
... ... @@ -66,14 +66,12 @@
66 66   margin:0;
67 67   padding:0;
68 68   border:0;
69 - width: 100%;
70 -height: 1000px;
69 + height: inherit;
71 71   }
72 - /*style="width:100%; height:1000px; resize: both; overflow: auto;" */
73 - .ugly { border:4px dashed black; }
71 + .border { border:4px dashed black; }
74 74   </style>
75 75  
76 - <div class="resizer ugly">
74 + <div class="resizer border" style="width: 750px; height: 1000px;">
77 77   <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe>
78 78   </div>
79 79  {{/html}}
iframe.html
Größe
... ... @@ -1,1 +1,1 @@
1 -788 bytes
1 +893 bytes
Inhalt
... ... @@ -6,11 +6,16 @@
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>
9 9   </head>
10 10  
11 11   <body class="body">
12 - <h1>Beispielwebseite</h1>
13 - <p>Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p>
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>
14 14   <!-- this is the div where the form will be placed into -->
15 15   <div id="content"></div>
16 16   </body>