Workarounds: Question design, layout and templating - Revision history

C schmitz: Text replacement - "http://manual.limesurvey.org" to "https://manual.limesurvey.org"

2024-10-15T08:17:30Z

Text replacement - "http://manual.limesurvey.org" to "https://manual.limesurvey.org"

← Older revision		Revision as of 10:17, 15 October 2024
Line 196:		Line 196:
	Implementation is as follows:		Implementation is as follows:
	#Create your questions keeping in mind how they will lay out when grouped into rows (in this example - boilerplate, yes/no, short text, numeric, dropdown, and repeat).		#Create your questions keeping in mind how they will lay out when grouped into rows (in this example - boilerplate, yes/no, short text, numeric, dropdown, and repeat).
	#In the source of the first boilerplate question add the function below (see [~~http~~://manual.limesurvey.org/wiki/Workarounds:_Manipulating_a_survey_at_runtime_using_Javascript#How_to_use_Script_.28eg._JavaScript_etc..29_in_LimeSurvey.3F How to use script]).		#In the source of the first boilerplate question add the function below (see [https://manual.limesurvey.org/wiki/Workarounds:_Manipulating_a_survey_at_runtime_using_Javascript#How_to_use_Script_.28eg._JavaScript_etc..29_in_LimeSurvey.3F How to use script]).
	#Modify the number of rows, number of columns and the start placement in the function call (line 6) as required (the example uses 4 rows and 5 columns and the "array" starts with the third question on the page).		#Modify the number of rows, number of columns and the start placement in the function call (line 6) as required (the example uses 4 rows and 5 columns and the "array" starts with the third question on the page).

Tpartner: /* Star Rating System Using List (Radio) Question */

2023-05-11T17:30:38Z

Star Rating System Using List (Radio) Question

← Older revision		Revision as of 19:30, 11 May 2023
Line 580:		Line 580:
	6. In the list (radio) question, set the [[Advanced question settings\|hide_tip]] question attribute to 1		6. In the list (radio) question, set the [[Advanced question settings\|hide_tip]] question attribute to 1

	7. In the source of the question add as many radio inputs as star segments. So 5 whole-stars ~~(as in the demo Q2)~~, would need 5 radio inputs.		7. In the source of the question add as many radio inputs as star segments. So 5 whole-stars, would need 5 radio inputs.

	Don't confuse these inputs with the actual question, they are just for the plugin's use.		Don't confuse these inputs with the actual question, they are just for the plugin's use.

Tpartner: /* Star Rating System Using List (Radio) Question */

2023-05-11T17:30:12Z

Star Rating System Using List (Radio) Question

← Older revision		Revision as of 19:30, 11 May 2023
Line 541:		Line 541:
	==Star Rating System Using List (Radio) Question==		==Star Rating System Using List (Radio) Question==

	Use this method if you would like to use [[Assessments\|assessments]]~~. There is a demo [http://www.partnersinc.biz/surveys//index.php?sid=47586&newtest=Y&lang=en here] (second question)~~.		Use this method if you would like to use [[Assessments\|assessments]].

	'''Implementation is as follows:'''		'''Implementation is as follows:'''

Tpartner: /* Star Rating System Using Numeric Input Question */

2023-05-11T17:29:36Z

Star Rating System Using Numeric Input Question

← Older revision		Revision as of 19:29, 11 May 2023
Line 424:		Line 424:
	</syntaxhighlight>		</syntaxhighlight>

	5. Create a numeric input question and then in the source of the question add as many radio inputs as star segments. For example, if you would like 5 stars, each with half-segments ~~(as in the demo Q1)~~, you would need 10 radio inputs and that would give rating values from 1-10.		5. Create a numeric input question and then in the source of the question add as many radio inputs as star segments. For example, if you would like 5 stars, each with half-segments, you would need 10 radio inputs and that would give rating values from 1-10.

	Don't confuse these inputs with the actual question, they are just for the plugin's use.		Don't confuse these inputs with the actual question, they are just for the plugin's use.

Tpartner: /* Star Rating System Using Numeric Input Question */

2023-05-11T17:28:57Z

Star Rating System Using Numeric Input Question

← Older revision		Revision as of 19:28, 11 May 2023
Line 396:		Line 396:
	==Star Rating System Using Numeric Input Question==		==Star Rating System Using Numeric Input Question==

	Use this method if you would like your rating data to be collected as a numeric value and don't want to use [[Assessments\|LimeSurvey assessments]] - it's a little easier to implement~~. There is a demo [http://www.partnersinc.biz/surveys//index.php?sid=47586&newtest=Y&lang=en here] (first question)~~.		Use this method if you would like your rating data to be collected as a numeric value and don't want to use [[Assessments\|LimeSurvey assessments]] - it's a little easier to implement.

	'''Implementation is as follows:'''		'''Implementation is as follows:'''

Tpartner: /* Star Rating System */

2023-05-11T17:28:32Z

Star Rating System

← Older revision		Revision as of 19:28, 11 May 2023
Line 390:		Line 390:
	This workaround uses the [http://www.fyneworks.com/jquery/star-rating/ jQuery Star Rating Plugin] to display a series of stars that are used to generate a rating value. This value is then passed to either a hidden numeric input question or a hidden list radio question. Both methods are outlined below - use one or both depending on whether you want to use [Assessments\|assessments].		This workaround uses the [http://www.fyneworks.com/jquery/star-rating/ jQuery Star Rating Plugin] to display a series of stars that are used to generate a rating value. This value is then passed to either a hidden numeric input question or a hidden list radio question. Both methods are outlined below - use one or both depending on whether you want to use [Assessments\|assessments].

	The plugin uses a series of radio inputs to generate the stars (more about these below). It allows the use of whole or partial stars as shown in ~~[http://www.partnersinc.biz/surveys//index.php?sid=47586&newtest=Y&lang=en this demo] and~~ the image below.		The plugin uses a series of radio inputs to generate the stars (more about these below). It allows the use of whole or partial stars as shown in the image below.

	[[File:star_rating_700x324.png]]		[[File:star_rating_700x324.png]]

C schmitz: Text replacement - " enclose="div"" to ""

2022-02-16T13:10:11Z

Text replacement - " enclose="div"" to ""

Show changes

Cdorin: /* LimeSurvey Version 2.06 */

2019-05-15T15:19:39Z

LimeSurvey Version 2.06

Show changes

Cdorin: /* LimeSurvey 1.92 and earlier implementation */

2019-05-15T15:18:11Z

LimeSurvey 1.92 and earlier implementation

@@ Line 772: / Line 772: @@
 *List (Radio)
 *List with comment
 ==LimeSurvey 2.0 and later implementation==

Cdorin: /* Hiding inputs of a "Multiple options with comments" question */

2019-05-15T14:06:52Z

Hiding inputs of a "Multiple options with comments" question

← Older revision		Revision as of 16:06, 15 May 2019
Line 162:		Line 162:
	=Hiding inputs of a "Multiple options with comments" question=		=Hiding inputs of a "Multiple options with comments" question=

	~~Tested~~ with: ~~1.85+ (7253), IE 6/7, FireFox 3.0, Safari 3.2, Chrome 2.0~~		There may be times when you want to hide some of the input boxes of a '''''Multiple choice question type with comments''''' question as in the image below:

	~~There may be times when you want to hide some of the input boxes of a '''''Multiple options with comments''''' question as in the image below.~~

	[[File:hidden_inputs_541x168.gif]]		[[File:hidden_inputs_541x168.gif]]


	This can be accomplished with CSS (see [[The template editor#Styling questions with CSS\|Styling questions in LimeSurvey 1.8]]). For each input that you want to hide, add the following style to your template.css file:		This can be accomplished with CSS (see [[The template editor#Styling questions with CSS\|Styling questions in LimeSurvey 1.8]]). For each input that you want to hide, add the following style to your template.css file:
Line 175:		Line 175:
	}		}
	</syntaxhighlight>		</syntaxhighlight>

	Where 11111 is your survey ID, 22 is your group ID, 33 is your question ID and A is the answer code.		Where 11111 is your survey ID, 22 is your group ID, 33 is your question ID and A is the answer code.