Diese Anleitung erklärt, wie Sie die Breite eines Feldes innerhalb des Formulars einstellen können, um das Layout für verschiedene Bildschirme (Desktop, Tablet und Mobile) zu optimieren.
Ein Feld mit einer Breite von 100 % nimmt die gesamte Zeile ein, während ein Feld mit 50 % zwei Felder nebeneinander in derselben Zeile ermöglicht.
Vorgehensweise zur Festlegung der Feldbreite
1. Greifen Sie auf die Feldeinstellungen zu:
Öffnen Sie im Bereich Campi Ihres Formulars die Einstellungen des Feldes, das Sie ändern möchten.
2. Finden Sie die Feldbreite:
Scrollen Sie in den Feldeinstellungen, bis Sie die Option finden:
- Larghezza campo
3. Wählen Sie die Responsive-Größe aus:
Klicken Sie auf das Dropdown-Menü Larghezza campo. Dieses Menü ist nach Gerätetypen gruppiert: Desktop, Tablet und Mobile.
4. Stellen Sie die Breite pro Gerät ein:
Wählen Sie für jede Gerätegruppe den gewünschten Breitenprozentsatz aus. Für jeden Bildschirmtyp kann eine andere Breite gewählt werden:
| Dispositivo | Opzione | Descrizione |
|---|---|---|
| Desktop | 100% | Das Feld nimmt die gesamte Zeile ein (1/1). |
| Desktop | 50% | Das Feld nimmt die halbe Zeile ein (1/2). |
| Desktop | 33% | Das Feld nimmt ein Drittel der Zeile ein (1/3). |
| Desktop | 66% | Das Feld nimmt zwei Drittel der Zeile ein (2/3). |
| Desktop | 25% | Das Feld nimmt ein Viertel der Zeile ein (1/4). |
| Tablet | gleiche Optionen | Breite angewendet auf mittelgroße Bildschirme. |
| Mobile | gleiche Optionen | Breite angewendet auf kleine Bildschirme (Smartphones). |
Hinweis: Wenn keine Breite für ein Gerät angegeben wird, gilt die Standardbreite (in der Regel 100 %).
5. Speichern Sie die Änderungen:
Nachdem Sie die gewünschten Breiten für alle Geräte festgelegt haben, speichern Sie sowohl das Feld als auch das gesamte Formular.
Einstellung der Breite für den Absende-Button
Sie können auch die Breite des Absende-Buttons (Submit) festlegen:
1. Gehen Sie zum Abschnitt Allgemein:
Im Bearbeitungsformular gehen Sie zum Schritt Generali und scrollen zum Abschnitt Pulsante di invio.
2. Finden Sie die Einstellung:
Suchen Sie nach der Option:
- Larghezza campo
3. Wählen Sie die Größe aus:
Verwenden Sie das Dropdown-Menü, um die Breite des Buttons für Desktop, Tablet und Mobile auszuwählen (z.B. 1/1 für 100 %, 1/2 für 50 % usw.).
4. Speichern Sie das Formular:
Speichern Sie das gesamte Formular, um die neue Button-Breite anzuwenden.
