Die mit dem Arclab Webformular Generator erstellten Onlineformulare können problemlos in Xara | Magix Web Designer - Websites eingefügt werden. Für die Erstellung und das Einfügen das Formulars ist kein Fachwissen über Webprogrammierung notwendig.
Die Anweisung muss die beiden Hochkommata ' vor und nach dem Dateinamen enthalten |
![]() |
Der Dateiname (im Beispiel webformular.php) muss exakt dem Namen Ihrer Formulardatei entsprechen |
Achten Sie bei einer Bearbeitung der Pfadangabe darauf, die beiden Hochkommata ' nicht zu löschen |
![]() |
Der Pfad zur Formulardatei (im Beispiel skripte/webformular.php) muss korrekt angegeben sein |
Hat Ihre Webseite in Xara auch eine Responsive-Variante für Smartphone und Tablet, ist auch hier noch eine Anpassung notwendig. Wechseln Sie dazu auf den Karteireiter mit [Smartphone/Tablet] hinter dem Namen der Webseite.
Nutzen Sie das Rechteck-Tool und wählen Sie den Bereich aus, in dem das Formular angezeigt werden soll oder verwenden Sie einen bereits vorhandenen Bereich. Klicken Sie mit der rechten Maustaste in den Bereich und wählen Sie Widget bearbeiten aus.
Wählen Sie auf dem Dialog - Karteireiter Platzhalter die Option Mit HTML Code ersetzen (body) aus. Klicken Sie auf den Button HTML-Code (body) und tragen Sie hier folgende Anweisung ein ...
Xara/Magix Web Designer legt die Breite fest, bei welcher die Webseite zwischen der [Haupt] und [Smartphone/Tablet] - Ansicht umschaltet ... z.B. bei 625px. Diesen Schwellenwert können Sie unter Extras > Website-Varianten > Website-Varianten ermitteln.
Auch das Formular muss wissen, dass und wann die Ansicht umgeschaltet werden soll. Die muss im Webformular Generator eingestellt werden. Wichtig ... führen Sie diese Änderungen immer in den Einstellungen des Formulars durch, das in Xara eingebunden werden soll.
Öffnen Sie die Formulareinstellungen ... auf dem Karteireiter Formularverschiebung können die Werte zum Umschalten der Ansicht eingetragen werden.
Hier tragen wir die beiden Werte ein, die wir zuvor im Xara/Magix Web Designer festgelegt haben. 625 ist der Wert in Pixel für die Breite und mobil ist das Schlüsselwort aus der oben erläuterten Anweisung <div id="mobil"></div>
Nachdem die Einstellungen des Formulars nochmals geändert wurden, muss die Datei mit dem Formular ebenfalls nochmals neu erzeugt werden. Klicken Sie dazu wieder auf Webformular erstellen und laden Sie die neu erzeugte Formulardatei wieder auf Ihre Homepage hoch.
Wenn Sie nun das
Browserfenster verkleinern, so wird ab einer Breite von 625px
automatisch von der "normalen" zur mobilen Ansicht gewechselt.
Das
Formular wird dabei ebenfalls ab der entsprechenden Breite in den neuen
Anzeigebereich verschoben.