Handleiding webformulieren

Transcriptie

1 Handleiding webformulieren versie: januari 2017 auteur: Nele Clijsters

2 Inhoudsopgave 1. Webformulier aanmaken Besturingselementen Bestand Countdown Datum adres Fieldset Getal Grid Markup Page break Select options Textarea Tekstfield Tijd Verborgen Form settings Conditionals s Resultaten Contact

3 1. Webformulier aanmaken Inhoud - Inhoud toevoegen Eenvoudige pagina (of content cluster page, ) Geef een titel aan je pagina en voeg eventueel het body-veld in. Selecteer onder Content Elements nu node Element:Webform en klik op Add new node Vul een titel in voor je webform en kies voor Create node. Zodra je node aangemaakt werd, kan je je pagina opslaan. Je kan nu, door via het tandwieltje op Webform te klikken, je formulier aanmaken. 3

4 2. Besturingselementen Bij het opmaken van het formulier wordt er gebruik gemaakt van besturingselementen. Dit zijn de velden die binnen het formulier getoond worden. Er kunnen verschillende types van velden binnen een formulier gebruikt worden. Per besturingselement kan opgegeven worden of dit al dan niet verplicht in te vullen is Bestand Indien er bij het invullen van een formulier een document dient meegestuurd te worden, kan dit via het besturingselement Bestand. Het is belangrijk om het validatiegedeelte goed te configureren. Je geeft hier mee welke maximumgrootte het bestand mag hebben en welke bestandstypes toegestaan zijn Countdown Het besturingselement van type countdown is een tekstvlak waarbij je kan opgeven hoeveel karakters of woorden er maximaal in het veld ingegeven mogen worden. De gebruiker ziet bij het invullen nog het aantal karakters/woorden dat overblijft. In het validatiegedeelte kan je opgeven of je karakters of woorden wil tellen en het maximum aantal dat gebruikt mag worden. Je kan het bericht aanpassen dat getoond wordt waarbij de gebruiker ziet naast de teller. 4

5 2.3. Datum Het datumveld wordt gebruikt wanneer de gebruiker een datum dient in te vullen. Dit kan gaan om geboortedatum, startdatum van cursus, Ook hier is het belangrijk het validatiegedeelte in te vullen. Indien de gebruiker een datum uit het verleden mag invullen, kan je in het veld Begindatum opgeven hoever dit in het verleden mag zijn, voor een geboortedatum kan dat dus -80 years zijn. Wil je starten vanaf vandaag, geef je today in. Ook de einddatum kan op dezelfde manier ingesteld worden adres Wanneer je een adres opvraagt, gebruik je hiervoor best het type adres. In dit veld zit de controle om te zien of er o.a. ingegeven werd Fieldset Je kan velden groeperen door gebruik te maken van een veldengroep. Bij de opties voor weergeven kan je aangeven of de veldengroep inklapbaar, standaard ingeklapt, moet zijn. De velden die je wil groeperen, plaats je onder de het besturingselement van het type veldengroep. 5

6 2.6. Getal Indien er enkel een getal in het veld ingevuld mag worden, kan je het type getal gebruiken. Letters zijn in dit veld niet toegelaten. In het validatiegedeelte kan je nog enkele extra controles ingeven Grid Om je bevraging in een raster te plaatsen, dien je de opties en de vragen op te lijsten Markup Indien je ergens in je formulier wat toelichting wil geven of extra informatie wil meegeven kan dat door het veldtype Opmaak te gebruiken. 6

7 2.9. Page break Om je formulier over meerdere pagina s te spreiden, kan je gebruik maken van paginaeinde. Dit wordt wel eens gedaan bij heel lange formulieren of enquêtes. Je kan de tekst die op de knoppen <vorige pagina> en <volgende pagina> staan zelf bepalen Select options Met het type keuzeopties kan je de gebruiker laten kiezen tussen verschillende opties, bv. provincie, groep, Indien je Multiple aanvinkt, worden de keuzemogelijkheden opgegeven als een lijst met checkbox, waardoor er meerdere keuzes aangevinkt kunnen worden, anders wordt standaard een lijst met radiobuttons weergegeven waardoor er maar 1 keuze uit de lijst mogelijk is. Bij de opties voor weergave kan je nog opgeven of de opties in een keuzelijst (listbox) getoond moet worden. Indien het over een lang lijst van opties gaat, wordt dit zeker aanbevolen Textarea Indien je de gebruiker meer dan 128 karakters wil laten invullen (bijvoorbeeld een opmerkingenveld), dan maak je gebruik van een tekstvlak Tekstfield In dit type veld kan tot 128 karakters ingegeven worden. Indien je meer karakters wil toelaten, dien je een tekstvlak te gebruiken Tijd Als je de gebruiker een tijdstip wil laten invullen, kan dit door gebruik te maken van het besturingselement van het type tijd. In het validatiegedeelte kan je opgeven vanaf en tot welk tijdstip in het keuzemenu opgenomen wordt. 7

8 In de opties voor weergeven kan je nog opgeven of het formaat 12- of 24-uur moet zijn. Je kan eveneens opgeven of de minuten per 1, 5, 10, 15 of 30 minu(u)t(en) moet toenemen Verborgen Je kan een veld verborgen maken zodat de persoon die het invult, het veld niet ziet, maar dat er wel bepaalde informatie in het veld geplaatst wordt. Bv. indien er bij keuzeoptie support Limburg wordt gekozen, kan er aan de hand van Conditionals (dit wordt later uitgelegd) het adres in het verborgenveld support geplaatst worden. 8

9 3. Form settings Via het tabblad Formulierinstellingen kan je de algemene opties voor het formulier configureren. Je kan hier een bevestigingsbericht ingeven dat de gebruiker op het scherm te zien krijgt na het invullen van het formulier. Je kan eveneens opgeven hoeveel keer het formulier ingezonden mag worden, bv. er kan voor een workshop ingeschreven worden, maar er zijn maar 25 plaatsen. Je geeft hier dan mee dat na 25 inzendingen het formulier afgesloten dient te worden. Je kan hier ook handmatig het formulier op gesloten zetten. Via formulierinstellingen bepaal je ook welke rollen toegang mogen hebben tot de resultaten. De persoon die het formulier aanmaakt kan altijd de resultaten raadplegen. 9

10 4. Conditionals Je kan bepaalde voorwaarden aan de velden van een formulier koppelen, bv. veld Opleidingen M&T mag enkel getoond worden indien er bij veld Groep gekozen werd voor M&T. Je kan op deze manier ook een veld verplicht maken of een bepaalde waarde in een (eventueel verborgen) veld plaatsen. 5. s Na het verzenden van het formulier kan er een mail verzonden worden naar het adres dat ingevuld werd in het formulier en/of naar een adres dat je zelf ingeeft (bv. de persoon die de inschrijvingen van de workshop beheert). Via kopdetails kan je het onderwerp van de , het adres van de afzender en de naam van de afzender wijzigen. Onder thema kan je de inhoud van het bericht dat verstuurd wordt ingeven. Je kan het standaard bericht versturen, of je kan een aangepast bericht opstellen (eventueel HTML). 10

11 De standaardtemplate ziet er als volgt uit: Een aangepast bericht (met HTML-opmaak) kan er als volgt uitzien: Indien je gebruik maakt van HTML-opmaak, vergeet dan zeker niet om als HTML verzenden aan te vinken. De html-codes die vooral gebruikt kunnen worden om je op te maken zijn: <h1>dit is heading 1</h1>. <h6>dit is heading 6</h6> <p>dit is een paragraaf</p> <b>deze tekst is in het vet</b> <i>deze tekst is cursief</i> <u>deze tekst is onderlijnd</u> Indien je niet wil dat niet-ingevulde velden mee opgenomen worden in de verzending van de mail, dien je onder Included values, Exclude empty components aan te vinken. 11

12 6. Resultaten Via het tabblad resultaten (enkel indien je de nodige rechten hebt), kan je een overzicht van de inzendingen raadplegen. Via Tabel kan je een overzicht van de inhoud van de inzendingen raadplegen. Je kan de resultaten ook exporteren naar een excel-file om dit verder te verwerken. Dit kan je doen via het tabje downloaden. Je kan zelf kiezen welke velden mee geëxporteerd worden. Standaard staan alle velden aangevinkt, inclusief details van de inzending (zoals ip-adres, tijdstip van inzenden, nr van inzending, ). Indien je deze informatie niet nodig hebt, vink je Details inzending uit en al de onderliggende velden worden mee uitgeschakeld. Je zal nu enkel de formuliervelden mee exporteren. Als laatste kan je de downloadbereik-opties nog meegeven. 12

13 7. Contact Vragen? Aarzel niet om contact op te nemen! Nele Clijsters Dienst ICT of via Lync / Skype 13