Handleiding RS Form! 1.0.4
Inhoud 1. Controlepaneel ......................................................................................................................................... 3 2. Forms Manager ......................................................................................................................................... 4 2.1 Nieuwe form aanmaken...................................................................................................................... 4 2.2 Nieuwe fields toevoegen .................................................................................................................... 7 2.3 Wijzigen/verwijderen bestaande Forms, Fields ................................................................................ 10
Versie :0.1 Auteur :e2e
2/10
1. Controlepaneel Het controlepaneel van RS Form! vindt u onder het menu ‘Componenten – Rsform!’.
Versie :0.1 Auteur :e2e
3/10
2. Forms Manager 2.1 Nieuwe form aanmaken U klikt in het controlepaneel op ‘Forms Manager’.
Op dit scherm ziet u een overzicht van alle door u aangemaakte forms. Om een nieuwe form aan te maken klikt u op ‘Nieuw’.
Versie :0.1 Auteur :e2e
4/10
1. Form Title 2. Form Name 3. Language ISO 4. Return URL 5. Opslaan 6. Toepassen
De titel van de form. Deze is zichtbaar op de website. Hij kan onzichtbaar ingesteld worden indien nodig. De naam van de form, deze moet identiek zijn voor alle forms. Indien je de form in meerdere talen wil aanbieden, moet je dezelfde naam kiezen voor de form. Je maakt de froms dan identiek door in dit veld de taal in te geven. De url waarnaar de gebruiker zal teruggebracht worden nadat hij de form verstuurd heeft. Indien je een ‘Thank You’ bericht hebt ingesteld (niet leeg), zal dit bericht eerst getoond worden voordat de gebruiker wordt gestuurd naar de return url. U slaat de form op en u komt terug op het scherm met de lijst van alle forms. U slaat de form op en u blijft op de huidige pagina om eventuele verdere wijzigingen door te voeren. Hierdoor wordt ook de mogelijkheid beschikbaar om fields toe te voegen.
Versie :0.1 Auteur :e2e
5/10
Onder de ‘Thank You’ tab kun je een bericht plaatsen die de gebruiker zal zien ,nadat hij de form verstuurd. Je kan hiervoor formfields gebruiken die de gebruiker ingevoerd heeft door de formfield‐id tussen ‘{}’ te zetten. Bijvoorbeeld: Beste {voornaam} {achternaam}, Uw informatie is succesvol verstuurd.
Onder de ‘Emails’ tab kun je de emailafhandeling instellen. 1. Email form data to 2. Email form data from
Versie :0.1 Auteur :e2e
Het emailadres van de gebruiker, naar waar de confirmatie‐email moet verstuurd worden. Indien het emailadres moet ingevuld worden in de form, kun de form id van het email veld tussen akkolades plaatsen. Bijvoorbeeld: {email} Het emailadres van de eigenaar van de form. Dit kan het emailadres zijn van je bedrijf.
6/10
3. Email form name 4. Email Subject 5. Email mode 6. Email text
De naam van de verzender van de email. Dit kan bijvoorbeeld de naam zijn van het bedrijf. Het onderwerp van de email. Enkel tekst of ook html opmaak tags De tekst van de email zelf.
2.2 Nieuwe fields toevoegen
Selecteer de form waaraan je fields wil toevoegen vanuit de forms manager.
Versie :0.1 Auteur :e2e
7/10
Klik vervolgens op ‘New Field’. Op deze pagina kunt u overgens de volgorde aanpassen van de verschillende ‘fields’ aanpassen, alsook fields kopiëren.
Versie :0.1 Auteur :e2e
8/10
1. Field id De id van het veld, enkel letters kunnen hiervoor gebruikt worden. Geen nummers of andere speciale characters. 2. Fields title De titel van het veld, deze zal zichtbaar zijn op het scherm, links van het veld. 3. Description Een meer uitgebreide omschrijving van het veld. Dit zal zichtbaar zijn op het scherm, rechts van het veld. 4. Validation Selecteer indien het veld de ingevulde info moet checken. Bijvoorbeeld bij een telefoonnummer enkel cijfers, of een correct opbegebouwd emailadres. Validation Message Indien je een validation kiest, kun je een foutboodschap meegeven aan de gebruiker als zijn data ingave niet correct is. 5. Field Type Welk soort type veld 6. Default value Geef je veld al een inhoud mee, die de gebruiker eventueel nog kan aanpassen. 7. Additional attributes Geef je veld Html‐stijl eigenschappen mee of een functie 8. Field Style Wijzig de opbouw van je veld. Bijvoorbeeld dat descripition links en title rechts komt. 7‐8 enkel aanpassen indien je kennis hebt van HTML 9. Opslaan U slaat het veld op en u komt terug op het scherm met de lijst van alle velden. 10. Toepassen U slaat de veld op en u blijft op de huidige pagina om eventuele verdere wijzigingen door te voeren.
Versie :0.1 Auteur :e2e
9/10
2.3 Wijzigen/verwijderen bestaande Forms, Fields Om forms/fields te wijzigen, selecteer je ze in hun lijst en je komt op dezelfde schermen terecht als zou je een nieuwe form aanmaken, maar met je ingevulde data. Om forms/fields te verwijderen, vink je ze aan en klik je vervolgens op de knop ‘Remove’.
Versie :0.1 Auteur :e2e
10/10