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

Plus d'informations
il y a 7 ans 3 mois #85181 par 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?

Connexion ou Créer un compte pour participer à la conversation.

LimeSurvey Partners
Plus d'informations
il y a 7 ans 3 mois - il y a 7 ans 3 mois #85203 par DenisChenu
Hello,

Not included in default template. But you can do something with this kind of HTML/CSS:
question.pstpl:
<div {QUESTION_ESSENTIALS} class="question-wrapper {QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}">
	<div class="question-text">
		<span class="asterisk">{QUESTION_MANDATORY}</span><span class="qnumcode">{QUESTION_NUMBER} {QUESTION_CODE} </span>{QUESTION_TEXT}
	</div>
        <div class="showhelp">Show the help
	<div class="question-help">
		{QUESTIONHELP}
	</div>
        </div>
	<div class="help-wrapper">
		<div class="mandatory error">{QUESTION_MAN_MESSAGE}</div>
		{QUESTION_VALID_MESSAGE}
		<div class="tip">{QUESTION_HELP}</div>
	</div>
	<div class="answers-wrapper">
		{ANSWER}
	</div>
</div>
(adapted from citronade)
.showhelp{position:relative;}
.question-help{position:absolute;top:0;left:-99999em;with:20em;}
.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.

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
An error happen ? Before make a new topic : remind the Debug mode .
Dernière édition: il y a 7 ans 3 mois par DenisChenu.

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!