Catglobe Wiki - User contributions [en]

File:Myportal.gif

2012-01-18T04:00:31Z

Cg huutrung: uploaded a new version of "File:Myportal.gif"

Questionnaire - Javascript Fun Tips

2012-01-05T07:49:37Z

Cg huutrung: /* Examples list */

== Examples list==

[[Basic_Hints|Basic Hints]]

----

[[Show more than one questions in the same page]]

[[Showing Answer Option in tab]]

[[Rotate answer options/sub questions]]

[[Randomize answer options/sub questions]]

[[Drag and drop answer option values]]

[[Change Impsys mages]]

[[Add an extra row before a sub question in a grid]]

[[Hide sub question text column in a grid question]]

[[Show a text grid and a single question in the same page|Show a text grid question and a single question in the same page]]

[[Change stylesheet of an answer option column in a single grid question]]

[[Add an extra column before an answer option column in single grid question]]

[[Both horizontal and vertical single grid]]

[[Disable sub questions in text grids]]

[[Number grid]]

[[Close to URL]]

[[Double columns in text grids]]

[[Count down with invisible counter]]

[[Fold in/out texts in question text]]

[[Force email address]]

[[Force number of characters]]

[[Change text box size]]

[[Set focus on question text in the top]]

[[Maximum text length]]

[[Next button count down]]

[[Mark answer option with keyboard]]

[[Show flash movies on questionnaire viewer|Play a list of movies in questionnaire]]

[[Play a commercial and automatically go next when it is over in questionnaire]]

[[Show a single question as a dropdown list inside another text grid question]]

[[Hide Next button in n seconds]]

[[Show datepicker in text/text grid questions]]

[[Show column header in text grid question]]

[[Prioritize sub questions in a text grid question]]

[[Align min/max texts in scale grid questions]]

[[Add text before answer option of single question]]

[[Show single questions as dropdown lists in their own pages]]

[[Show language selector page]]

[[Reverse single grid between sub questions and answer options]]

[[Insert a TextGrid question into a SingleGrid Question]]

[[Script for making a text grid numerical summing to a specific value]]

[[Convert closed question TextBox into TextArea]]

[[Validate email specified as an open text of a single question]]

[[Show more than one singe grid in the same page|Show more than one single grid in the same page]]

[[Show more than one singe question in the same page|Show more than one single question in the same page]]

[[Require only one check for grid question]]

[[Change non-multi option in Multi question to Radio button]]

[[Make whole cell clickable in single and multi grids]]

[[AutoSum numerical text grid]] [[Show open textbox in a grid question]]

[[Change progress bar images of questionnaire]]

[[Add CKEditor to an Open question]]

[[Upload images in questionnaire]]

[[Category:Miscellaneous]]

Questionnaire - Javascript Fun Tips

2012-01-05T07:21:31Z

Cg huutrung:

== Examples list==

[[Basic_Hints|Basic Hints]]

[[Show more than one questions in the same page]]

[[Showing Answer Option in tab]]

[[Rotate answer options/sub questions]]

[[Randomize answer options/sub questions]]

[[Drag and drop answer option values]]

[[Change Impsys mages]]

[[Add an extra row before a sub question in a grid]]

[[Hide sub question text column in a grid question]]

[[Show a text grid and a single question in the same page|Show a text grid question and a single question in the same page]]

[[Change stylesheet of an answer option column in a single grid question]]

[[Add an extra column before an answer option column in single grid question]]

[[Both horizontal and vertical single grid]]

[[Disable sub questions in text grids]]

[[Number grid]]

[[Close to URL]]

[[Double columns in text grids]]

[[Count down with invisible counter]]

[[Fold in/out texts in question text]]

[[Force email address]]

[[Force number of characters]]

[[Change text box size]]

[[Set focus on question text in the top]]

[[Maximum text length]]

[[Next button count down]]

[[Mark answer option with keyboard]]

[[Show flash movies on questionnaire viewer|Play a list of movies in questionnaire]]

[[Play a commercial and automatically go next when it is over in questionnaire]]

[[Show a single question as a dropdown list inside another text grid question]]

[[Hide Next button in n seconds]]

[[Show datepicker in text/text grid questions]]

[[Show column header in text grid question]]

[[Prioritize sub questions in a text grid question]]

[[Align min/max texts in scale grid questions]]

[[Add text before answer option of single question]]

[[Show single questions as dropdown lists in their own pages]]

[[Show language selector page]]

[[Reverse single grid between sub questions and answer options]]

[[Insert a TextGrid question into a SingleGrid Question]]

[[Script for making a text grid numerical summing to a specific value]]

[[Convert closed question TextBox into TextArea]]

[[Validate email specified as an open text of a single question]]

[[Show more than one singe grid in the same page|Show more than one single grid in the same page]]

[[Show more than one singe question in the same page|Show more than one single question in the same page]]

[[Require only one check for grid question]]

[[Change non-multi option in Multi question to Radio button]]

[[Make whole cell clickable in single and multi grids]]

[[AutoSum numerical text grid]] [[Show open textbox in a grid question]]

[[Change progress bar images of questionnaire]]

[[Add CKEditor to an Open question]]

[[Upload images in questionnaire]]

[[Category:Miscellaneous]]

Basic Hints

2012-01-05T07:18:47Z

Cg huutrung: Created page with "== Basic Hints == Questionnaire viewer is implemented in a way that you can add javascript to manipulate the way your questions are displayed. jQuery is already included in t..."

== Basic Hints ==

Questionnaire viewer is implemented in a way that you can add javascript to manipulate the way your questions are displayed.

jQuery is already included in the viewer, thanks to what javascript has even more powerful effect! (read more about jquery here: [http://jquery.com/ http://jquery.com/])

Javascript is a property on both question and questionnaire levels, which means that you can add javascript for each question or for the whole questionnaire.

The most important features are:

*quest: the current question's object
*questioncheck: the function called before going Next

=== quest ===

Some important properties of quest object:

*quest.questions: array of sub questions
*quest.options: array of answer options

Methods of quest object:

*quest.setQuestions(Array subQuestions): assign an array of question objects to the sub question list of the current question
*quest.setOptions(Array options): assign an array of options to the answer option list of the current question
*quest.setAnswer(string value): assign a value to the question
*quest.getHTML(): returns the HTML which will be rendered to display the question
*quest.onInit(): called right after loading the question
*quest.rotateAnswerOptions(startIndex, endIndex, rotateIndex): rotate answer options in a range specified by startIndex and endIndex, the first item in the range will be rotateIndex
*quest.rotateSubQuestions(startIndex, endIndex, rotateIndex): rotate sub questions in a range specified by startIndex and endIndex, the first item in the range will be rotateIndex
*quest.randomizeAnswerOptions(randomSeed, startIndex, endIndex): randomize answer options in a range specified by startIndex and endIndex, the order is unique for each randomSeed
*quest.randomizeSubQuestions(randomSeed, startIndex, endIndex):randomize sub questions in a range specified by startIndex and endIndex, the order is unique for each randomSeed 

=== questioncheck() ===

We need to override this function to get rid of the default question check supported by the questionnaire viewer, it is a must when showing more than one questions in the same page. The function returns true when there is nothing wrong and false otherwise.

There is an object which should be used to display errors: ErrorMessages.

*ErrorMessages.getInstance().clearErrorMessages(): clear all existing error messages
*ErrorMessages.getInstance().showErrorMessage(msg): show an error message

If you want to extend the questioncheck function with special cases then you should re-create the questioncheck function carefully, because else you will create an endless loop. If you get a stack overflow error from the browser, then your problem should be solved by the following script pattern:

<source lang="javascript">// Store a reference to the default question check
var defaultQuestionCheck = questioncheck;

// Implement your own question check routine
var questioncheck = function()
{
// Call the default question check
// If it fails
if (!defaultQuestionCheck())
// Then return at once with false
return false;

// Catch exceptions, this is just for precaution
try
{
// Optimistic assumption that everything is OK
var valid = true;

// Do your customized question checks here set variable
// valid to false if the question is answered incorrectly

if (!valid)
{
// You might want to clear default error messages given
ErrorMessages.getInstance().clearErrorMessages();

// Add your own error message
ErrorMessages.getInstance().showErrorMessage("An error message");

// Terminate the question check by returning false
return false;
}
}
catch(e)
{
// Inform about the reason for the exception
alert(e.message);

// And return false
return false;
}

// Everything is OK
return true;
}</source>

== Technical tips ==

=== Include an external script library ===

In case we want to use external javascript libraries hosted on external servers (like google), we need to include the library link to quest.onInit. A simple method of doing so is using jquery's getScript method (http://docs.jquery.com/Ajax/jQuery.getScript#urlcallback) '''Example:''' <source lang="javascript">
$.getScript("http://ui.jquery.com/testing/ui/ui.datepicker.js", function()
{
//the library is now ready to use
}
);
</source>

Do not include a js library as an attachment in a question's script, otherwise you will have a problem with resource access when respondents view the questionnaire. Solution for this: if the script is short, copy it and put directly into the question/questionnaire's script, if it is big, find an external host (ex: google host). If you still wants to go with attachment, then create a new group with observer access to the attachments, add a dummy question in the questionnaire to add the current user to the group automatically, also add anonymous user to the group.

=== Edit stylesheet ===

The easiest way is to use Firefox with Web Developer Add-on (http://chrispederick.com/work/web-developer) 

[[Image:Web developer.png]]

CG0159col - COF Panel Setup

2011-12-19T05:01:06Z

Cg huutrung: /* Project Elements description */

== Summary ==
Coloplast want to make a portal solution, where member join this portal can:
#See and edit their own personal information( called My Profile)
#See their current webshop points.
#See list of questionnaires which they can participate in.
#See News and access or download files in Articles and documents widget.

== Project Elements description ==

#My Profile page: See and edit member’s information includes data they have got from Catglobe system (Name, Phone, Email,...) and Extended data from a questionnaire we will make like Hobbies, Marital status, how they think about life,...
#List of questionnaires which they can participate in: The solution here will rely on My Questionnaire function in My portal of Catglobe system where they can see the latest questionnaires.
#Load member webshop and points when member login to Panel.
#The same for New widget and Articles and documents widget: Setting up a questionnaire to input the news and document for a specified admin account. Others member account can only see.

So we will have 2 main account: Panel member and Admin member. Admin account can create item in News widget , Articles and documents widget and Calendar widget.
=== Homepage ===
[[File:Homepage.png|400px]]
=== My profile page ===
[[File:Myprofile.png|400px]]

== News/Article management ==
=== Precondition ===
- User must log on by the admin account

=== News/Article management ===
It allows user to :
* Manage the news/article
* Create the new news/article
* Edit the existed news/article
* Delete the existed news/article

[[Image:News_management.jpg]]

We can access this function through the link : http://coloplast.catglobe.com/ReportModule/DashboardModule/DashboardViewer.aspx?id=15

==== Create/Edit News ====

[[Image:News_info.jpg]]

The news needs the following info :
* Date : the showed date of the news
* Title and intro.
* Contents.
* News language
* Just show for some selected groups (Optional): it's for the need of showing the news for the specific groups. If you want add more groups, contact to the cghelpdesk.

==== Create/Edit Article ====

[[Image:Article_info.jpg]]

The article needs the following info :
* Date : the showed date of the article
* Title.
* Summary.
* Contents.
* Article language
* Just show for some selected groups (Optional): it's for the need of showing the news for the specific groups. If you want add more groups, contact to the cghelpdesk.

Besides, we can upload the files and use them for the article by clicking the Upload button

[[Image:Upload.jpg]]

==== Delete News/Article ====
* To remove the news/articles from the list, just go to the news/article list then click "Delete" on the news/article you want to remove.

==== Relative resources for news/article management setup ====
* Questionnaires : storing the info of news and articles :
** News : NUOC - Upload news to questionnaire (Resource Id: 116267)
** Article : NUOC - Upload Surveys results & articles (Resource Id: 121642)
* Data cache :
** News : NUOC - Upload news to questionnaire - DCS (Resource Id: 116306)
** Article : NUOC - Upload Surveys results & articles - DCS (Resource Id: 121644)
* Dashboard :
** News/Article list (Resource Id: 142700) : http://coloplast.catglobe.com/ReportModule/DashboardModule/DashboardViewer.aspx?id=15
** News (Resource Id: 142708) : http://coloplast.catglobe.com/ReportModule/DashboardModule/DashboardViewer.aspx?id=16
** Article (Resource Id: 159279) : http://coloplast.catglobe.com/ReportModule/DashboardModule/DashboardViewer.aspx?id=18
*Workflow :
** NUOC - Import articles to questionnaire (Resource Id: 159278)
** NUOC - Import news to questionnaire (Resource Id: 142761)
** NUOC - create the news/article list (Resource Id: 142704)
** NUOC - Get article info from the specific RpqId (Resource Id: 159277)
** NUOC - Get news info from the specific RpqId (Resource Id: 142710)
** NUOC - delete the news/article (Resource Id: 142770)

[[category:Production guidelines]]

File:Myprofile.png

2011-12-19T04:58:11Z

Cg huutrung:

File:Homepage.png

2011-12-19T04:56:01Z

Cg huutrung:

CG0159col - COF Panel Setup

2011-12-12T09:24:39Z

Cg huutrung:

CG0159col - COF Panel Setup

2011-12-12T08:12:35Z

Cg huutrung: Created page with "== Summary == category:Production guidelines"

== Summary ==

[[category:Production guidelines]]

MediaWiki:Sidebar

2011-10-21T08:26:29Z

Cg huutrung:

Category:Help Files

2011-10-21T08:11:15Z

Cg huutrung:

<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>
<categorytree mode=all>Help_Files</categorytree>
[[Category:CGKB]]

Category:HelpFiles

2011-10-21T08:08:43Z

Cg huutrung:

<categorytree mode=all>Help_Files</categorytree>

Category:Help Files

2011-10-21T07:58:56Z

Cg huutrung:

<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>
[[Category:CGKB]]

MediaWiki:Sidebar

2011-05-18T08:19:09Z

Cg huutrung:

Main Page

2011-05-18T08:12:34Z

Cg huutrung:

[[File:Frontpage.jpg]]

File:Frontpage.jpg

2011-05-18T08:10:45Z

Cg huutrung:

Property name: Allow decimals (for text grid questions)

2011-04-08T08:55:33Z

Cg huutrung:

[[Category:Non language dependent properties]]
<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="3">Property name: Allow decimals (for grid questions)</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">Text-Grid question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">The respondent can answer the decimal value in some sub questions.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">If this question has this property, the respondent must answer the numeric value or the decimal value for some sub questions which are in its range value.
If a sub question is in the range value of the property "Numerical" and also in the range value of this property, the answer to this sub question can be numerical or decimal value.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">Range value
Syntax: [Val1 – Val2] or [Val1, Val2…] or [Val1, Val2 – Val3, Val4…] where Valx is the index of a sub question which must be answered by a numeric value.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">In the Question properties dialog:
[[Image:5074.jpg]]
In the Questionnaire Viewer:
If the answer to Sub1 is numeric value, the answers to Sub2 and Sub3 are numeric values or decimal values, when the user clicks the Next button, the next question will be shown.
[[Image:5075.jpg]]
If one of the answers to Sub2 and Sub3 are not numeric values or decimal values, the error message will be displayed:
[[Image:5076.jpg]]
 </td>
</tr>
</table>

File:5076.jpg

2011-04-08T08:54:01Z

Cg huutrung:

File:5075.jpg

2011-04-08T08:54:01Z

Cg huutrung:

File:5074.jpg

2011-04-08T08:54:01Z

Cg huutrung:

Property name: Numericals

2011-04-08T08:52:24Z

Cg huutrung:

[[Category:Non language dependent properties]]
<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2">Property name: Numericals</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">Text-Grid question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">The respondent must answer the numeric value in some sub questions.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">If this question has this property, the respondent must answer the numeric value for some sub questions which are in its range value.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">Range value
Syntax: [Val1 – Val2] or [Val1, Val2…] or [Val1, Val2 – Val3, Val4…] where Valx is the index to a sub question which must be answered by a numeric value.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">In the Question properties dialog:
[[Image:5067.jpg]]
In the Questionnaire Viewer
If the answers to Sub1, Sub2 and Sub3 are numeric values, when the user clicks the Next button, the next question will be shown.
[[Image:5069.jpg]]
If one of the answers to Sub1, Sub2 and Sub3 are not numeric values, the error message will be displayed:
[[Image:5072.jpg]]</td>
</tr>
</table>

File:5072.jpg

2011-04-08T08:51:57Z

Cg huutrung:

File:5069.jpg

2011-04-08T08:51:57Z

Cg huutrung:

File:5067.jpg

2011-04-08T08:51:57Z

Cg huutrung:

Property name: Allow decimals (number questions)

2011-04-08T08:46:18Z

Cg huutrung:

[[Category:Non language dependent properties]]
<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2">Property name: Allow decimals (number questions)</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">Number question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">The respondent can answer the decimal value for this question.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">If this question has this property, the respondent can answer with a numeric or decimal value for this question.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">Checked (this question has this property) / Unchecked (this question does not have this property)</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">In the Question properties dialog:
[[Image:4224.png]]
In the Questionnaire Viewer:
When the respondent types the decimal value into the textbox and clicks the Next button, the next question will be shown.
However, if this property is unchecked, when he types the decimal value into this text box, an error message will be displayed:
[[Image:4225.png]]</td>
</tr>
</table>

Property name: Export length

2011-04-07T09:12:53Z

Cg huutrung:

[[Category:Non language dependent properties]]
<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2">Property name: Export length</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">All except Page question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">It is used for setting the length of each question type in some data export formats.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">When the export position value is specified, the export length will be generated automatically when the user skips the Export position field. This length is generated based on the question type.
If its export length value doesn't satisfy one of these condition above, the error message is "The export length of this question is invalid. Please type the valid value for this property."</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">For each question type, the length must be larger than or equal to the value below:
- Single question type: the length of the answer option with the highest value 
- Multi question type: the length of the answer option with the highest value 
- Scale: the length of the maximum value 
- Number: larger than 0 
- Text: larger than 0 
- Open: larger than 0 
- Single-Grid: the length of the answer option with the highest value multiplied by the number of sub questions. 
- Multi-Grid: the length of the answer option with the highest value multiplied by the number of sub questions. 
- Scale-Grid: the length of the maximum value used in the sub questions multiplied by the number of sub questions. 
- Text-Grid: 50 larger than 0 
- Multimedia: larger than 0

</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">In the Question properties dialog:
[[Image:5151.png]]
If the export length value is invalid, this error message will be shown when the user clicks the OK button on the Question properties dialog:
[[Image:5153.png]]
 </td>
</tr>
</table>

Property name: Export position

2011-04-07T09:04:33Z

Cg huutrung:

[[Category:Non language dependent properties]]
<table width="1038" cellspacing="0" cellpadding="2" border="" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1038" colspan="2">Property name: Export position</td>
</tr>
<tr valign="top" align="left">
<td width="213">Question types applied</td>
<td width="825">All except Page question</td>
</tr>
<tr valign="top" align="left">
<td width="213">Business logic</td>
<td width="825">When the export position value is specified, the export length will be generated automatically when the user skips the Export position field. This length is generated based on the question type.
[[Image:5081.jpg]]
The first question has the export position value = pos1 (pos1 > 61) and the export length value = len1. 
The second one has the export position value = pos2 (pos2 = pos1 + len1) and the export length value = len2. 
The third one has the export position value = pos3 (pos3 > pos2 + len2) and the export length value = len3.
If the fourth question has: 
- The export position value (pos4) is in the area which has the blue color 
- The sum of pos4 and its export length value must be also in this area. 
It means that: 
- pos4 >= 61 and len4 + pos4 <=pos1 or 
- pos4 >= pos2 + len2 and len4 + pos4 <= pos3 or 
- pos4 >= pos3 + len3 
If its export position does not satisfy one of these condition above, the error message is "The export position of this question is invalid. Please type the valid export position value".
The export position value and the export length will be deleted when the user does one of the following actions: 
- Change the question type 
- Copy a question and paste more multiple-paste it 
- Copy questions 
- Import a question 
- Press one of these buttons Add, or Remove, or Clear or Paste in the sub questions area or answer options area. 
- Change the value of answer options and the length of all answer options' highest values is not equal to the export length value. 
- Change the Maximum value of Scale (or Scale Grid) question and the length of the maximum value (or the highest value of all maximum values) is not equal to the export length value.</td>
</tr>
<tr valign="top" align="left">
<td width="213">Formatting</td>
<td width="825">Number larger than or equal to 61</td>
</tr>
<tr valign="top" align="left">
<td width="213">Screen examples</td>
<td width="825">In the Question properties dialog:
[[Image:5084.jpg]]
If the export position value is invalid, the error message will be shown when the user clicks the OK button on the Question properties dialog.
[[Image:5085.jpg]]</td>
</tr>
</table>

File:5085.jpg

2011-04-07T09:01:49Z

Cg huutrung:

File:5084.jpg

2011-04-07T09:01:48Z

Cg huutrung:

File:5081.jpg

2011-04-07T09:01:01Z

Cg huutrung:

Property name: Layout

2011-04-07T08:53:52Z

Cg huutrung:

Property name: Reverse

2011-04-06T08:30:13Z

Cg huutrung:

Property name: Answer option unique choice

2011-04-06T08:29:28Z

Cg huutrung:

Property name: No multi

2011-04-06T08:29:24Z

Cg huutrung:

Property name: Minimum

2011-04-06T08:29:20Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2">Property name: Minimum</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">Number, Open, Multi, Multi-Grid, Scale and Scale-Grid question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">This property is used to make sure that a question has the number of answer options equal to or larger than the property value, or the answer to a question is equal to or larger than the property value.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">Number question: 
If the respondent specifies a lower value than the Minimum value, a warning dialog whose text is in the Min. value required text will be shown to notify him to answer this question again.
 
Multi question: 
If the respondent selects fewer answer options than the property value, a warning dialog whose text is in the Min. answer required text will be shown. This dialog notifies him to choose more answer options than the property value.
 
Multi-Grid question: 
For each question, if the respondent selects fewer answer options than the property value, a warning dialog whose text is in the Min. in grid answer required text will be shown. This dialog notifies him to choose more answer options than the property value.
 
Scale and Scale-Grid question: 
It is the minimum value of scale questions. For Scale-Grid questions, it's the minimum value for each sub question.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">Number greater than or equal to 0</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">Number question 
In the Question properties dialog
[[Image:5154.png]]
In the Questionnaire Viewer:
When the respondent specifies the value which is smaller than the Minimum value, a warning dialog is shown:
[[Image:5155.png]]
 
Multi-Grid question 
In the Question properties dialog:
[[Image:5156.png]]
In the Questionnaire Viewer: 
- When the number of answer options selected for Sub question 2 and Sub Question 3 is smaller than the Minimum value:
[[Image:5169.png]]
Grid – Scale question
In the Questionnaire Editor
[[Image:5157.png]]
In the Questionnaire Viewer:
[[Image:5158.png]]
 </td>
</tr>
</table>
[[Category:Non language dependent properties]]

Property name: Maximum

2011-04-06T08:29:16Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2">Property name: Maximum</td>
</tr>
<tr valign="top" align="left">
<td width="210">Question types applied</td>
<td width="809">Number, Open, Multi, Multi-Grid, Scale and Scale-Grid question</td>
</tr>
<tr valign="top" align="left">
<td width="210">Description</td>
<td width="809">This property is used to make sure that a question has the number of answer options equal to or smaller than the property value, or the answer to a question is equal to or smaller than this property value. </td>
</tr>
<tr valign="top" align="left">
<td width="210">Business logic</td>
<td width="809">Number question: 
If the respondent has an answer which is larger than the Maximum value, a warning dialog whose text is in Max. value required text will be shown to notify him to answer this question again.
Multi question: 
If the respondent selects the number of answer options which is larger than the property value, a warning dialog whose text is in Max. answer required text will be shown. This dialog notifies him to choose the number of answer options which is smaller than the property value.
Multi-Grid question: 
For each question, if the respondent selects the number of answer options which is larger than the property value, a warning dialog whose text is in Max. in grid answer required text will be shown. This dialog notifies him to choose the number of answer options which is smaller than the property value.
Scale and Scale-Grid question: 
It is the maximum value of scale questions. For Scale-Grid questions, it's the maximum value for each sub question.</td>
</tr>
<tr valign="top" align="left">
<td width="210">Formatting</td>
<td width="809">Number larger than 0</td>
</tr>
<tr valign="top" align="left">
<td width="210">Screen examples</td>
<td width="809">Number question 
In the Question properties dialog:
[[Image:5132.png]]
In the Questionnaire Viewer: 
When the respondent specifies the value which is larger than the Maximum value, a warning dialog is shown:
[[Image:5133.png]]
 
Multi question 
In the Question properties dialog:
[[Image:5134.png]]
 
In the Questionnaire Viewer: 
When the respondent selects the number of answer options which is larger than the Maximum value, a warning dialog will be shown:
[[Image:5135.png]]
 
Grid – Scale question 
In the Questionnaire Editor:
[[Image:5138.png]]
 </td>
</tr>
</table>
[[Category:Non language dependent properties]]

Property name: Unit

2011-04-06T08:29:12Z

Cg huutrung:

Property name: Rotate sub-questions

2011-04-06T08:28:29Z

Cg huutrung:

Property name: Randomize sub-questions

2011-04-06T08:28:25Z

Cg huutrung:

Property name: Randomize

2011-04-06T08:28:22Z

Cg huutrung:

Property name: Open answers required

2011-04-06T08:28:18Z

Cg huutrung:

Property name: Open answers

2011-04-06T08:28:14Z

Cg huutrung:

Property name: Default answer option

2011-04-06T08:28:11Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="1" style="border-collapse: collapse;" class="tableintopic">
<tr valign="top" align="left">
<td width="1019" colspan="2" >Property name: Default answer question</td>
</tr>
<tr valign="top" align="left">
<td width="210" >Question types applied</td>
<td width="809" >Single, Multi, Single-Grid, Multi-Grid question</td>
</tr>
<tr valign="top" align="left">
<td width="210" >Description</td>
<td width="809" >Set the default answer option for a question when the respondent reaches it.</td>
</tr>
<tr valign="top" align="left">
<td width="210" >Business logic</td>
<td width="809" >For Single question type: This question has only 1 default answer option.
For Multi question type: This question can have more than 1 default answer option. 
For Single-Grid question type: Each sub question has only 1 default answer option. If one sub question has a default answer option, all remaining sub questions must have one as well.
For Multi-Grid question type: Each sub question can have more than 1 default answer option. If one sub question has a default answer option, all remaining sub questions must have one as well.</td>
</tr>
<tr valign="top" align="left">
<td width="210" >Formatting</td>
<td width="809" >If the value of this property doesn't comply with this syntax, a warning dialog will be shown to request typing this value again.
Syntax: [Val1 – Val2] or [Val1, Val2…] or [Val1, Val2 – Val3, Val4…] where Valx is the value of answer option .
For Single question type: Syntax: Val or [Val] where Val is the value of answer options.
For Multi question type: Syntax: [Val1 – Val2] or [Val1, Val2…] or [Val1, Val2 – Val3, Val4…] where Valx is the value of answer options.
For Single grid question type: Syntax: sub1Val; sub2Val; sub3Val... or [sub1Val], [sub2Val], [sub3Val]… where subxVal is the value of answer options.
For Multi grid question type: Syntax: [sub1Val1 – sub1Val2]; sub2Val1; [sub3Val1 – sub3Val3, sub3Val4]… where subxVal is the value of answer options.</td>
</tr>
<tr valign="top" align="left">
<td width="210" >Screen examples</td>
<td width="809" >The images below are images in both the Question properties dialog and the Questionnaire Viewer when the property Default answer options are used.
For single questions 
In the Question properties dialog setting up defaults may look like below:
[[Image:3619.png]]
In the Questionnaire Viewer you will see that some defaults will be set first time you view the question:
[[Image:3620.png]]
In multi question 
In the Question properties dialog setting up defaults may look like below:
[[Image:3621.png]]
In the Questionnaire Viewer you will see that some defaults will be set first time you view the question:
[[Image:3624.png]] [[Image:3623.png]]
In single-grid question 
In the Question properties dialog setting up defaults may look like below:
[[Image:3627.png]]
In the Questionnaire Viewer you will see that some defaults will be set first time you view the question.
[[Image:3625.png]]
In multi-grid question 
In the Question properties dialog setting up defaults may look like below:
[[Image:3622.png]]
In the Questionnaire Viewer you will see that some defaults will be set first time you view the question.
[[Image:3628.png]]
 </td>
</tr>
</table>
[[Category:Non language dependent properties]]

Property name: Answer option rows

2011-04-06T08:28:02Z

Cg huutrung:

Property name: Answer option columns

2011-04-06T08:27:57Z

Cg huutrung:

<table width="935" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="192" height="0"></td>
<td width="742" height="0"></td>
<td width="0" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="935" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: Answer options columns
</td>
</tr>
<tr valign="top" align="left">
<td width="193" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="742" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Single, Multi, Open question
</td>
</tr>
<tr valign="top" align="left">
<td width="193" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="742" colspan="2" style="border: 1px solid rgb(1, 1, 1);">This property is used for dividing all answer options of a question into a specified number of columns. 
</td>
</tr>
<tr valign="top" align="left">
<td width="193" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="742" colspan="2" style="border: 1px solid rgb(1, 1, 1);">This property is applied only if the property “Auto arrange answer options” has a false value.
All answer options in a question will be divided into the number of columns specified in this property.
The number of answer options in each column (except for the last column) = the number of all answer options / value of this property. This is an integer division.
The number of answer options in the last column is the remainder of the division: the number of all answer options / value of this property.
If an open question does not have any answer options, the properties of answer option columns and answer option rows are the width and height of the text area. Otherwise, these values are the number of columns or rows of answer options.
The default width of the text area is 55, height is 8. 
If a question does not have any answer options and the property 'Answer option column' does not have any value, the width of this text area is the default value width, 55.
</td>
</tr>
<tr valign="top" align="left">
<td width="193" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="742" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Number greater than or equal to 1
</td>
</tr>
<tr valign="top" align="left">
<td width="193" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="742" colspan="2" style="border: 1px solid rgb(1, 1, 1);">The image below shows how we set up answer option columns in the editor. Notice that the property 'auto arrange answer options' is false.
[[Image:3602.png]]
The image below shows how a question with 11 answer options looks in the Questionnaire Viewer when the Answer option columns = 3.
[[Image:3603.png]]
The image below is an open question in the Questionnaire Viewer which has no answer options and Answer option columns = 100; Answer option rows = 20.
[[Image:3604.png]]
 
</td>
</tr>

</table>
[[Category:Non language dependent properties]]

Property name: Required

2011-04-06T08:27:53Z

Cg huutrung:

<table width="959" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="197" height="0"></td>
<td width="761" height="0"></td>
<td width="0" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="959" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: Required
</td>
</tr>
<tr valign="top" align="left">
<td width="198" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="761" colspan="2" style="border: 1px solid rgb(1, 1, 1);">All except Page question
</td>
</tr>
<tr valign="top" align="left">
<td width="198" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="761" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Specifies whether or not a question is required. This property exists only for question properties.
</td>
</tr>
<tr valign="top" align="left">
<td width="198" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="761" colspan="2" style="border: 1px solid rgb(1, 1, 1);">When the 'All required' property of a questionnaire is checked all questions in a questionnaire will be required as default. The required property on a question can although overrule the 'All required' property of the questionnaire. If there is no value for this property in a question, its value will be inherited from the questionnaire property. You will be able to see what the inherited value is since the Yes or No property will be illustrated as a black box instead of white. You can click the black box as well if you want to ensure that the value is always a certain value event though the default questionnaire property may be changed.
</td>
</tr>
<tr valign="top" align="left">
<td width="198" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="761" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Yes / No For grid questions, this property also has text box below to enter the range indices of sub-questions which will be required. Only the sub questions in the specified range will be required. A range is written in a format like [1-3], [1,4-7], [1,3,5], etc.
</td>
</tr>
<tr valign="top" align="left">
<td width="198" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="761" colspan="2" style="border: 1px solid rgb(1, 1, 1);">The image below shows this property in the question properties dialog. The black boxes indicates that the current inherited value is Yes.
[[Image:3598.png]]
</td>
</tr>

</table>
[[Category:Non language dependent properties]]

Property name: All required

2011-04-06T08:27:49Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="210" height="0"></td>
<td width="808" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="1019" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: All required
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">All
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Specifies whether or not questions in a questionnaire are required. This property exists only for questionnaire properties. 
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">When checked all questions in a questionnaire will be required as default. Questions although also have a similar property called 'Required'. If set in a question property it will overrule the property of the questionnaire. If there is no value for this property in a question, its value will be inherited from the questionnaire property. 
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">True (Yes) / False (No)
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">The image below shows the property in the questionnaire properties dialog
[[Image:3597.png]]
</td>
</tr>

</table>
[[Category:Non language dependent properties]]

Property name: Impsys gender

2011-04-06T08:27:44Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="210" height="0"></td>
<td width="808" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="1019" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: Impsys gender
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Multi-Grid question
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Drop down list all single questions which have 2 answer options. 
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">The answer option whose value is 1 should have the “male” text. For value 2, its text is “female”. If this question does not contain the Impsys property, the Impsys gender property is useless.
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Simple choice in a drop down.
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">The image below shows where the Impsys Gender and Impsys properties are placed.
[[Image:3587.png]]
</td>
</tr>

</table>
[[Category:Non language dependent properties]]

Property name: Impsys

2011-04-06T08:27:41Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="210" height="0"></td>
<td width="808" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="1019" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: Impsys
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Multi-Grid question
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">N/A
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">When choosing this property, a gender question must also be selected. The gender question is a single question which has 2 answer options, and it must exist and be answered before the respondent can go to an Impsys question. 
If the answer to the gender question is an answer option whose value is 1, the images in an Impsys question are of male. They are female images if the answer option value of the gender question is 2.
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">True (Checked) / False (Un-checked)
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">The image below is one of a question which has the Impsys property. The previous question is a gender question. In this image, the respondent selected an answer option whose value is 2 in the gender question.
[[Image:3586.png]]
</td>
</tr>

</table>
[[Category:Non language dependent properties]]

Property name: Question style sheet

2011-04-06T08:27:37Z

Cg huutrung:

<table width="1019" cellspacing="0" cellpadding="2" border="0" style="border-collapse: collapse;" class="tableintopic">
<tr>
<td width="210" height="0"></td>
<td width="808" height="0"></td>
</tr>
<tr valign="top" align="left">
<td width="1019" colspan="2" style="border: 1px solid rgb(1, 1, 1);">Property name: Question style sheet
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Question types applied
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">All
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Description
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Each question in a questionnaire can have different style sheets. These style sheets can be found in some available layouts of this questionnaire. Besides, a custom style sheet can be made through this property.
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Business logic
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">N/A
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Formatting
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">Cascading Style Sheet (CSS)
</td>
</tr>
<tr valign="top" align="left">
<td width="210" style="border: 1px solid rgb(1, 1, 1);">Screen examples
</td>
<td width="809" style="border: 1px solid rgb(1, 1, 1);">The image below shows the layout of the question whose question style sheet property is set up with styles: 
body { margin : 0; font-family:Verdana; color:#000099; font-size: 8pt; background-color: yellow }
[[Image:3585.png]]
</td>
</tr>

</table>
[[Category:Non language dependent properties]]