Is there a template with a CSS popup for the question-mark explanation text?

4 years 6 months ago #85181 by blanka
I was puzzling to give the survey a cleaner look. I was wondering if it is possible to move the explanation of a question to a CSS popup instead of showing it below the question? Is there a template that does this?

Please Log in to join the conversation.

4 years 6 months ago - 4 years 6 months ago #85203 by DenisChenu

Not included in default template. But you can do something with this kind of HTML/CSS:
	<div class="question-text">
		<span class="asterisk">{QUESTION_MANDATORY}</span><span class="qnumcode">{QUESTION_NUMBER} {QUESTION_CODE} </span>{QUESTION_TEXT}
        <div class="showhelp">Show the help
	<div class="question-help">
	<div class="help-wrapper">
		<div class="mandatory error">{QUESTION_MAN_MESSAGE}</div>
		<div class="tip">{QUESTION_HELP}</div>
	<div class="answers-wrapper">
(adapted from citronade)
.showhelp:hover .question-help{position:absolute;top:1em;left:0}

It's a quick not tested solution, and you need some js for IE6/7. But you can do what you want with some HTML/CSS skills.


Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
Last Edit: 4 years 6 months ago by DenisChenu.

Please Log in to join the conversation.