Änderungen von Dokument Formular per AJAX 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
-
... ... @@ -53,12 +53,26 @@ 53 53 text-align:center; 54 54 } 55 55 56 - span.box{ 57 - display: block; 58 - padding: 20px; 56 + .resizer { 57 + display:flex; 58 + margin:0; 59 + padding:0; 60 + resize:both; 61 + overflow:hidden 59 59 } 63 + 64 + .resizer > .resized { 65 + flex-grow:1; 66 + margin:0; 67 + padding:0; 68 + border:0; 69 + width: 100%; 70 + height: inherit; 71 + } 72 + .border { border:4px dashed black; } 60 60 </style> 61 61 62 - 63 - <iframe id="customerdemo" style="width:100%; height:900px" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> 75 + <div class="resizer border"> 76 + <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> 77 + </div> 64 64 {{/html}}
- iframe.html
-
- Größe
-
... ... @@ -1,1 +1,1 @@ 1 - 659bytes1 +788 bytes - Inhalt
-
... ... @@ -9,7 +9,9 @@ 9 9 </head> 10 10 11 11 <body class="body"> 12 - <!-- this is the div where the form will be placed into --> 13 - <div id="content"></div> 12 + <h1>Beispielwebseite</h1> 13 + <p>Mit dem obenstehenden Code kann ein FORMCYCLE Formular per AJAX in die Website geladen werden.</p> 14 + <!-- this is the div where the form will be placed into --> 15 + <div id="content"></div> 14 14 </body> 15 15 </html>