AD207 - Building an "XPages-Powered" IBM Lotus Domino Application XPages Survey Tool demoed at Lotusphere 09 session:

9. Application Design Review Data Model End User Surveys * Response Doc Survey Document * Parent Doc Questions/Answers * Response to Response Doc Base Survey Questions * Response Doc

10. Application Design Review – Home Page

11. Application Design Review – Survey Details

12. Application Design Review – Survey Details

13. Application Design Review – Survey Details

14. Application Design Review – Survey Questions

15. Application Design Review – Questions design Read Mode Table Repeat Control Edit Mode Table Panel Control

16. Application Design Review – Repeat Control Repeat Control Properties The Collection name “docid” will contain the docUNIDs for each survey question .

17. Application Design Review – Repeat Control Repeat Control iteration formula Note the mixing of @Commands with JavaScript Tip: A Repeat control iteration formula must return an array. When using @DbLookup, an array is not returned if a single match is found. Force the result to an array by using @Explode.

18. Application Design Review – Panel Control A Panel Control is repeated for each question Each Panel control will be bound to each question response document using the “docid” variable from the Repeat control.

19. Application Design Review – Tables for Read/Edit Within the Panel control there are 2 tables. Each has a visibility formula to show/hide the different tables if the document is in read mode or in edit mode.

20. Application Design Review – Web Controls The controls are bound to the fields from the panel document

21. Application Design Review - Links Read Mode table: Edit Link Control – Simple Action

22. Application Design Review - Links Read Mode table: Delete Link control

23. Application Design Review – Add Questions Add New Question Button Control - script

24. Application Design Review – Move Questions Move Question down – onclick event action

25. Application Design Review – Reorder Questions Move Question – reorderQuestions() function

26. Application Design Review – Preview Survey Inline server side script Client side script

27. Application Design Review – Take Survey Screen Take Survey page – Displaying all questions on one page

28. Application Design Review – Take Survey Screen Take Survey page – Displaying one question per page

29. Application Design Review – Take Survey design Take Survey design Repeat Control Panel Control

30. Application Design Review – Take Survey design Repeat Control iteration formula

31. Application Design Review – Take Survey design Web Controls – Visibility formulas The Web Controls are visible only if the value of the “AnswerType” field is equal to the type of control.

32. Application Design Review – Take Survey design Web Controls – Data binding All the Web Controls are bound to the same “Answer” field on the response document. Only one control is visible at a time so there is no conflict.

33. Application Design Review – Take Survey design Web Controls – Values formula (only pertains to multivalue controls)

34. Application Design Review – Take Survey design Web Controls – Required field computed value formula The field's Required property are set based on the “Required” field

35. Application Design Review – Take Survey design Web Control – Display Error control binding The Display Error control dynamically shows errors based on the “AnswerType” field. The Editable controls are named to match the choices.

36. Application Design Review – Take Survey design Panel Control – Visibility formula The Panel control, which contains the bound Web controls, is repeated for each question. When the survey is set to only show one question per page, the only panel is visible is the one for the current question .

37. Application Design Review – Take Survey design Submit Survey Button – onclick event simple actions The Submit Survey button onclick event fires off 2 simple actions. It sets the status to “Complete” and then saves the survey and redirects the user to the 'ThankYou” XPage.

38. Application Design Review – Take Survey design Save and Return Later Button – onclick event JavaScript The Save and Return Later button onclick event fires off 3 simple actions. It sets the status to “Open”, and records the last question# answered, then saves the survey and redirects the user to the 'ReturnLater” XPage. Note that the “No data validation” is checked thus allowing us to save an uncompleted survey.

39. Application Design Review – Take Survey design Previous/Next Navigation Links