Check out the LimeSurvey source code on GitHub!

Bullet points in response options

More
4 years 2 months ago #89125 by NkemIku
Hi,
I was wondering if you could help me out with an issue I am having with my online survey. I am not sure why bullet points are appearing beside my list answers. This is what I have: <div align="left">
<table>
<tr>
<td>
{ANSWER}
</td>
</tr>
</table>
</div><br>
<div class="survey-question-help">
{QUESTIONHELP}
</div>
</div>
</div>


It ends up looking like the attached document. I have copied my survey screen.


I find when I start off like this <div align="left" class=”answer”>, there are no bullet points, but it is center justified which is not what I want.


[attachment:1]question.doc[/attachment]

Please Log in to join the conversation.

More
4 years 2 months ago #89146 by jelo
The document is not attached.

Which template do you use for your survey? The class styles can be found in the css file.

If would try different templates to see if the problem occurs everywhere or only in certain templates.
If you found a template you can copy it and start modifying the styles to get what you want.

Please Log in to join the conversation.

More
4 years 2 months ago #89159 by tpartner
Can you activate a sample survey so we can see the source code and styles?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #89169 by NkemIku
I am using a modified version of the bluengrey template. I needed to add logos to my survey, and make the response options left justified. this is a sample survey with the issues in regards to the response options of the questions.

survey.med.utoronto.ca/index.php?sid=95777&lang=en


question.doc

Please Log in to join the conversation.

More
4 years 2 months ago #89170 by NkemIku
This is my first time working with limesurvey and css syntax. I am just getting acquainted with all of it, and it is a very difficult process.

Please Log in to join the conversation.

More
4 years 2 months ago #89171 by tpartner
Change this:
<div align="left">

To this:
<div class="answers">

And then add this to the end of template.css:
div.answers table {
	margin: 0;
	width: 100%;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #89172 by NkemIku
Hi,
I just tried that and it didnt work. It just shifted the position of the bullet points.
This is the original question.pstpl:
<div {QUESTION_ESSENTIALS} class="{QUESTION_CLASS}{QUESTION_MAN_CLASS}{QUESTION_INPUT_ERROR_CLASS}">
<div class="question">
<div class="questiontext">
<span class="qnumcode">{QUESTION_NUMBER} {QUESTION_CODE} </span>
<span class="questionhelp">{QUESTION_HELP}</span>
<span class="asterisk">{QUESTION_MANDATORY}</span>{QUESTION_TEXT}<br />
{QUESTION_MAN_MESSAGE}
{QUESTION_VALID_MESSAGE}
{QUESTION_FILE_VALID_MESSAGE}
</div>
<div class="answers">
<table>
<tr>
<td>
{ANSWER}
</td>
</tr>
</table>
</div>
<div class="survey-question-help">
{QUESTIONHELP}
</div>
</div>
</div>

How can I make this so the answer are left justified instead of centered?

Please Log in to join the conversation.

More
4 years 2 months ago #89173 by tpartner
I do not see that you have done as I suggested in the Demo survey.

I still see:
<div align="left">

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
4 years 2 months ago #89175 by NkemIku
I changed it back because it did not work. But I have changed it to div class="answer" for you to see what I am talking about.

Please Log in to join the conversation.

More
4 years 2 months ago #89176 by tpartner
You forgot the "s" - class="answers

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: NkemIku

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form