Änderungen von Dokument Formular über externen Kontext einbinden
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -26,7 +26,7 @@ 26 26 </html> 27 27 {{/code}} 28 28 29 - DieEinbindungerfolgthier zurDemonstrationin 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"> ... ... @@ -65,13 +65,13 @@ 65 65 flex-grow:1; 66 66 margin:0; 67 67 padding:0; 68 - border:0 68 + border:0; 69 + height: inherit; 69 69 } 70 - /*style="width:100%; height:1000px; resize: both; overflow: auto;" */ 71 - .ugly { border:4px dashed black; } 71 + .border { border:4px dashed black; } 72 72 </style> 73 73 74 - <div class="resizer ugly">74 + <div class="resizer border" style="width: 750px; height: 1000px;"> 75 75 <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> 76 76 </div> 77 77 {{/html}}
- iframe.html
-
- Größe
-
... ... @@ -1,1 +1,1 @@ 1 - 788bytes1 +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>