Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Extensie interface bouwen met RSForm!Pro

706 views

Published on



Soms is een extensie technisch perfect, maar zou je willen dat de interface wat mooier, handiger, duidelijker of gemakkelijker was. Dan kun je een override maken: een aangepaste layout voor de weergave van de extensie. Het kan ook anders: met RSForm!Pro.

Formulieren zijn de krachtpatsers van je website. Je kunt er veel meer mee dan mailen, bijvoorbeeld informatie uit je database tevoorschijn trekken en gegevens naar je database sturen. Die functionaliteit kun je inzetten om een workflow te bouwen die helemaal is afgestemd op de gebruiker, en waarin jij zelf kunt bepalen welke informatie op welk moment ingevuld wordt.

Het je ervaring met het maken van (basic) formulieren in RSForm!Pro, en enig inzicht in de database van je website(s)? Dan kun jij ook je eigen interface voor extensies bouwen!

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Extensie interface bouwen met RSForm!Pro

  1. 1. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL
  2. 2. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Dit is een formulier Vandaag gebruiken we een formulier als middel om informatie in en uit je database te krijgen.
  3. 3. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Waarom zou je? • Logischere interface maken • Mooiere interface maken • Bepaalde waarden combineren • Geen override nodig
  4. 4. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Wat gebruiken we als voorbeeld • Frontend interface van RSEvents!Pro • Want veel gebruikers vinden die verwarrend en onlogisch
  5. 5. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft
  6. 6. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 2: Bedenk de workflow
  7. 7. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak je formulier
  8. 8. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel
  9. 9. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Als je workflow daarom vraagt, of als je meer tabellen moet vullen: maak eventueel een tweede formulier
  10. 10. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Koppel formulier 1 en 2 aan elkaar
  11. 11. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Stuur de informatie uit formulier 2 naar de tabel
  12. 12. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  13. 13. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Oftewel: op naar de database!
  14. 14. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  15. 15. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Maak de content eerst met de ‘gewone’ extensie interface
  16. 16. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  17. 17. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Kijk in de database wat er veranderd is. Check alle tabellen, zodat je zeker weet welke tabellen er gevuld worden.
  18. 18. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  19. 19. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  20. 20. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 1: Zoek uit welke informatie je extensie nodig heeft Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  21. 21. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 2: Bedenk de workflow Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  22. 22. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 2: Bedenk de workflow Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  23. 23. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 2: Bedenk de workflow Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  24. 24. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  25. 25. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  26. 26. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  27. 27. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  28. 28. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  29. 29. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  30. 30. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  31. 31. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 3: Maak het formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  32. 32. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  33. 33. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Hiervoor gebruik je mapping: -> Eigenschappen (Form Properties) -> Extras -> Mappings
  34. 34. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  35. 35. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  36. 36. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  37. 37. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  38. 38. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  39. 39. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  40. 40. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  41. 41. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  42. 42. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  43. 43. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  44. 44. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Soms moet er een tweede tabel gevuld worden met informatie die je nu nog niet hebt (zoals een ID)
  45. 45. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Twee manieren om dat op te lossen (er zijn er meer):
  46. 46. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Twee manieren om dat op te lossen (er zijn er meer): 1. Voeg in je formulier een veldje in dat het laatste ID ophaalt uit de tabel en daar 1 bij optelt (RSJoomla heeft daar een standaard stukje code voor) en gebruik dat veldje om de andere tabel te vullen
  47. 47. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Twee manieren om dat op te lossen (er zijn er meer): 1. Voeg in je formulier een veldje in dat het laatste ID ophaalt uit de tabel en daar 1 bij optelt (RSJoomla heeft daar een standaard stukje code voor) en gebruik dat veldje om de andere tabel te vullen -> kan alleen als er niet tegelijkertijd meerdere mensen aan dezelfde soort content werken
  48. 48. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Twee manieren om dat op te lossen (er zijn er meer): 1. Voeg in je formulier een veldje in dat het laatste ID ophaalt uit de tabel en daar 1 bij optelt (RSJoomla heeft daar een standaard stukje code voor) en gebruik dat veldje om de andere tabel te vullen 2. Gebruik een tweede formulier dat op basis van een uniek kenmerk (bijvoorbeeld het submissionID) gekoppeld wordt aan het eerste.
  49. 49. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 4: Stuur de informatie uit je formulier naar de tabel Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Twee manieren om dat op te lossen (er zijn er meer): 1. Voeg in je formulier een veldje in dat het laatste ID ophaalt uit de tabel en daar 1 bij optelt (RSJoomla heeft daar een standaard stukje code voor) en gebruik dat veldje om de andere tabel te vullen 2. Gebruik een tweede formulier dat op basis van een uniek kenmerk (bijvoorbeeld het submissionID) gekoppeld wordt aan het eerste. 3. Ik gebruik nu methode 2.
  50. 50. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Ook voor het opbouwen van dit tweede formulier zijn verschillende manieren. Ik ga hier werken met stukjes code per veld, omdat dat het duidelijkst is.
  51. 51. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  52. 52. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Eerst maak ik de velden aan. De ‘bestaande’ velden uit het eerste formulier die gewijzigd moeten kunnen worden maak ik zichtbaar. De ‘bestaande’ velden die niet gewijzigd hoeven te worden maak ik hidden.
  53. 53. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  54. 54. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  55. 55. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB De velden moeten nu automatisch gevuld worden vanuit de database – maar dat moet het formulier nog wel weten. Dus volgt nu stap 6: de formulieren koppelen, zodat er informatie doorgestuurd wordt.
  56. 56. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 5: Maak een tweede formulier Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  57. 57. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Voor het koppelen van formulier 1 en 2 gebruik je de terugkeer URL in formulier 1. LET OP! Doe dit alleen als het geen kwaad kan om gegevens in de URL te tonen. Wil je dat die info niet zichtbaar is, gebruik dan de handige Silent-Post functie van RSJoomla.
  58. 58. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  59. 59. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB In de terugkeer url stuur je de waarden mee die je in je tweede formulier nodig hebt. In ons geval is dat het category ID en het submission ID.
  60. 60. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  61. 61. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  62. 62. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Ook voor het opbouwen van dit tweede formulier zijn verschillende manieren. Ik ga hier werken met stukjes code per veld, omdat dat het duidelijkst is.
  63. 63. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  64. 64. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  65. 65. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  66. 66. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  67. 67. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  68. 68. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 6: Formulier 1 en 2 aan elkaar koppelen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  69. 69. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  70. 70. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Ook nu ga je gebruik maken van de mapping functie. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  71. 71. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  72. 72. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  73. 73. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  74. 74. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  75. 75. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  76. 76. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Bij mapping hoef je niet per se de inhoud van velden mee te sturen, je kunt er ook gewoon tekst in typen. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  77. 77. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  78. 78. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  79. 79. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  80. 80. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  81. 81. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 6 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  82. 82. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  83. 83. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Terug naar de database dus.
  84. 84. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  85. 85. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Test eerst even of dit echt is wat je nodig hebt. Dat kun je doen door in de tabel de inhoud van het ene veldje naar het andere te kopiëren. Daarna kijk je weer naar je weergave. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  86. 86. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  87. 87. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  88. 88. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen De tekst die ik net binnen de database tabel gekopieerd heb, ga ik nu dus in het corresponderende veld in de mapping plakken. En ik zou sommige onderdelen van dat blokje tekst kunnen vervangen door veldwaarden. Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  89. 89. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Stap 7: Informatie naar je database sturen Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB
  90. 90. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL TIP TIP TIP Stap 1 Stap 2 Stap 3 Stap 4 Stap 5 Stap 5 Stap 7 Informatie Workflow Formulier Stuur naar DB Formulier 2 Koppelen Stuur naar DB Testen of het goed gaat met je code? Plak ‘m eerst in een gewone textbox en kijk of die goed gevuld wordt.
  91. 91. MAY THE FORMS BE WITH YOU - PRESENTATIE JOOMLADAGEN 2017 - ANJA DE CROM 2017 WWW.ANJADECROM.NL Codevoorbeelden: • www.rsjoomla.com/support/documentation/ • rsform-pro/customizing-rsform-pro.html • rsform-pro/custom-scripting.html • Silent post: https://www.rsjoomla.com/support/documentation/rsform- pro/custom-scripting/silent-post.html

×