# HG changeset patch # User Paul Boddie # Date 1226794773 -3600 # Node ID cb3f3f87d086b2fe7d7afb902671336b5c24660f # Parent 9d3f4c58187bd599870a9a4ad445f6dfc0dccb36 Enhanced the questionnaire generator, permitting textual answers before or after choices and removing the redundant textual answer input field. Added a preview of the questionnaire. diff -r 9d3f4c58187b -r cb3f3f87d086 examples/Common/Questionnaire/Resources/question_template.xhtml --- a/examples/Common/Questionnaire/Resources/question_template.xhtml Sat Oct 25 22:37:00 2008 +0200 +++ b/examples/Common/Questionnaire/Resources/question_template.xhtml Sun Nov 16 01:19:33 2008 +0100 @@ -5,7 +5,6 @@ xmlns:template="http://www.boddie.org.uk/ns/xmltools/template"> Questionnaire Editor - @@ -17,59 +16,109 @@
+
+ - + + + - + - - - - - - - + + - + + + - + Text after + +
Question + + -
Response Text + No text answer
+ Text before
+
Multiple choice + Allow multiple choices... + + +
+ + -
-

- to make - the questionnaire longer.

+ to make + the questionnaire longer. +

- when all the questions - and responses are ready.

+ when all the questions + and responses are ready. +

+ +
+ + + +
+ + + + + + + + + + + + +
Question + Question +
Response +

+ +

+

+ + Choice +

+

+ +

+
+ +
+
+ diff -r 9d3f4c58187b -r cb3f3f87d086 examples/Common/Questionnaire/Resources/styles/styles.css --- a/examples/Common/Questionnaire/Resources/styles/styles.css Sat Oct 25 22:37:00 2008 +0200 +++ b/examples/Common/Questionnaire/Resources/styles/styles.css Sun Nov 16 01:19:33 2008 +0100 @@ -1,8 +1,46 @@ +div.questionnaire { + width: 40%; + float: left; +} + +div.preview { + width: 50%; + float: right; + background-color: #555555; +} + +div.preview table.preview { + background-color: #ffffff; + border: 1px solid #000000; + padding: 5px; + position: relative; + top: -10px; + left: -10px; +} + +table.preview { + border-spacing: 0px; +} + table.questionnaire td, table.questionnaire th { padding: 5px; margin: 0px; } +table.preview td, table.preview th { + padding: 10px; + margin: 0px; +} + +table.preview td p.text-before { + margin-top: 0px; +} + +table.preview td p.choice { + padding: 2px; + margin: 0px 0px 0px 0px; +} + .question, .question-options { background-color: #ffffff; color: #000000;