Algemeen
Elke kindplanning omgeving beschikt over een standaard versie van het online inschrijfformulier.
Dit inschrijfformulier is te vinden via https://n4a.quebble.com/<DOMEINNAAM>/web/parentsregistration.
Of in de Quebble omgeving: https://childplanning.quebble.com/<DOMEINNAAM>/web/parentsregistration.
Het inschrijfformulier zoals hij wordt aangeleverd is standaard zoals het beschikbaar gesteld wordt, zonder mogelijkheden van eigen aanpassingen. Ook zijn dan niet de functies beschikbaar voor het automatisch sturen van bevestiging inschrijving o.b.v. sjablonen.
Lees meer over het gebruiker hier: Proces van inschrijving en verwerking
In deze handleiding beschrijven we hoe de webbouwer het .css file kan bewerken om aanpassingen te doen op het inschrijfformulier volgens uw wensen.
In onderstaande scripts goed letten op het formaat van de URL’s. Deze zijn afhankelijk van omgeving zoals hierboven al is vermeld.
CSS file
Het script ziet er als volgt uit.
<script> WPR.init('widget-prform', '<https://n4a.quebble.com/<DOMEINNAAM>',> {stylesheet:'<https://n4a.quebble.com/registerform.css'}});> </script>
CSS file aanpassen
In het .css file is het mogelijk aanpassingen te doen. Bijvoorbeeld om velden te verbergen of juist velden verplicht te maken.
Verplicht maken velden
Hiervoor voeg je mandatory toe met daarbij de betreffende velden.
Voorbeeld
<script>
WPR.init('widget-prform',
'<https://n4a.quebble.com/<DOMEINNAAM>',>
{stylesheet:'<https://n4a.quebble.com/registerform.css',>
mandatory:{ parent:['social_security_number', 'mobile'], child: [‘first names’] }});
</script>
Voorbeeld
<script>
WPR.init('widget-prform',
'<https://n4a.quebble.com/<DOMEINNAAM>',>
{stylesheet:'<https://n4a.quebble.com/registerform.css',>
Administration:[1,9,10] }});
</script>
LET OP! De nummers van de administraties zijn de ID’s van de administraties.
Kop- en voettekst
Head tag <script src="https://n4a.quebble.com/js/parent-registration-w.js"></script>>
Body tag <div id="widget-prform" style="width: 500px; height: 820px"></div>