Deze gids legt uit hoe je de breedte instelt die een veld binnen het formulier zal innemen, zodat je de lay-out kunt optimaliseren voor verschillende schermen (Desktop, Tablet en Mobiel).
Een veld met een breedte van 100% neemt de volledige rij in beslag, terwijl een veld van 50% twee velden naast elkaar op dezelfde rij mogelijk maakt.
Procedure voor het Definiëren van de Veldbreedte
1. Toegang tot de Veldinstellingen:
Open binnen de sectie Velden van je formulier de instellingen van het veld dat je wilt aanpassen.
2. Zoek de Veldbreedte:
Scroll door de veldinstellingen totdat je de optie vindt die gelabeld is als:
- Larghezza campo
3. Selecteer de Responsive Maat:
Klik op het dropdownmenu Larghezza campo. Dit menu is verdeeld in groepen per apparaattype: Desktop, Tablet en Mobile.
4. Stel de Breedte per Apparaat in:
Selecteer voor elke apparaatsgroep het gewenste percentage breedte. Je kunt een andere breedte kiezen voor elk type scherm:
| Apparaat | Optie | Beschrijving |
|---|---|---|
| Desktop | 100% | Het veld beslaat de hele rij (1/1). |
| Desktop | 50% | Het veld beslaat een halve rij (1/2). |
| Desktop | 33% | Het veld beslaat een derde van de rij (1/3). |
| Desktop | 66% | Het veld beslaat twee derde van de rij (2/3). |
| Desktop | 25% | Het veld beslaat een kwart van de rij (1/4). |
| Tablet | dezelfde opties | Breedte toegepast op middelgrote schermen. |
| Mobile | dezelfde opties | Breedte toegepast op kleine schermen (smartphones). |
Opmerking: Als je geen breedte specificeert voor een apparaat, wordt de standaardbreedte toegepast (meestal 100%).
5. Sla de Wijzigingen Op:
Nadat je de gewenste breedtes voor alle apparaten hebt ingesteld, zorg ervoor dat je zowel het veld als het gehele formulier opslaat.
Instellen van de Breedte voor de Verzenden-knop
Je kunt ook de breedte definiëren voor de verzendknop (Submit):
1. Open het Algemene Deel:
Ga in het formulierbewerkingsscherm naar stap Generali en scroll naar de sectie Pulsante di invio.
2. Vind de Instelling:
Zoek naar de optie gelabeld als:
- Larghezza campo
3. Selecteer de Maat:
Gebruik het dropdownmenu om de breedte van de knop te selecteren voor Desktop, Tablet en Mobile (bijvoorbeeld 1/1 voor 100%, 1/2 voor 50%, enz.).
4. Sla het Formulier Op:
Sla het gehele formulier op om de nieuwe knopbreedte toe te passen.
