Het design van een formulier aanpassen

Er zijn een aantal dingen die u kan doen om het formulier er wat anders uit te laten zien.

Aanpassen van de kleuren gebruikt in het formulier

Als u wil kan u de kleur van bepaalde elementen in het formulier aanpassen:

• de bollen die getoond worden bij een multistep formulier (standaard geel)

• de knoppen (standaard blauw)

De beste manier om dit te doen is door gebruik te maken van een reeds bestaande Branding Configuratie: als u reeds de MBP header op uw eigen site integreert, en u hebt een header voor u laten maken in bepaalde kleuren, dan kan deze configuratie ook gebruikt worden in uw formulier.

Vraag Team Aansluitingen naar uw “BrandingID”, deze ziet er uit als bv “c569d789-00b6-48d8-b3e7-b966887ff614”

U kleeft vervolgens dit stukje achter de url van uw formulier: “?brandingId=c569d789-00b6-48d8-b3e7-b966887ff614”

Uw formulier zal verschijnen in de aangepaste kleuren:

Open

Alternatief:

Als u nog geen BrandingID hebt, kan u ook de gewenste kleuren meegeven in de url van het formulier. De juiste syntax is:

brandingId=hexKleur,hexKleur ( zonder # )

Voorbeeld: “?brandingId=eb4034,9634eb”

Open

Aanpassen van het lettertype van het formulier

In de properties van het formulier ga je naar de tab “Styling”, rechterkolom: “Branding”

Bij Custom font kan je kiezen tussen

• Extern

  • Geef de url op waar dit font gevonden kan worden, bv https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap

• Ingebouwd

  • Hier kan u de naam van standaard fonts ingeven, bv : 'Arial, Helvetica, sans-serif'

Het formulier kan er dan bij voorbeeld zo gaan uitzien: