I just did a clean install of Limesurvey 2.56.1.

I am using the default template for a very simple survey that has all questions as mandatory. In the template on some questions the asterisk is inline before the question (the way I want it). On other questions the asterisk is on its own line with the question below it.

The difference seems to be random. Some are inline and some are not. Is there a way to control this and have the asterisk inline?

(see screen shot)

Thanks!

Peter

Is there a difference between questions types?

@holch

No. I tried with the same long free text and with short free text--got the same outcome. The length of the question and the question type don't seem to make any difference. I looked to be sure there was no additional space or errant line break in the html code also. I looked in the manual but have not been able to locate where this is addressed.

Thanks,

Peter

Hi, Peter,
select "source code" in question text editor.
Very probably there is a <p> tag around the text.
Remove it at least from the first line.

Best regards
Joffm

Indeed. The one's that were inline had no <p> tag. The one's that had the asterisk on a separate line had the <p> tag. I removed the paragraph tags (both open <p> and closed </p>) and all now are consistent. You saved me tons of time trying to sort this out.

THANK YOU!!

Peter

I use a JavaScript workaround like this to insert the asterisk into the <p> element (if found). It allows the unrestricted use of <p> elements.


Of course, then you also need to add a little margin for the asterisk.

Nice.

I see that this is an oddity in the program or theme that it puts the asterisk on its own line when using standard paragraph tags. So I must not be the only one who has encountered this.

Thanks.

Peter

The problem is that the asterisk is inserted at the template level (question.pstpl), not by the editor so there is no way of knowing what HTML elements will be in the question text.

<p> elements are block elements so will be rendered with a preceding line-break.

Noted.

Where are you putting the javascript? Which css file is the styling fix added to?

Peter

Sorry, I should have included that.

- The JavaScript in template.js
- The CSS in template.css

tpartner wrote: I use a JavaScript workaround like ....

Why not with float:left css ?

It work on 2.6 version and 3.0 version.

Personal preference - I prefer to place it in the <p> element.

Hi, all,
in my opinion it's the behaviour of CKEditor.
It is very generous in distributing <p>tags everywhere.

If you enter just one line in the question text, there is no <p> tag.
As soon as you press "Enter" the line is surrounded by <p></p>

I am fighting with this bad habit in other applications, too.

I assume that just styling
p {display: inline;}
will solve this problem, but others will appear.

Best regards
Joffm

@Joffm : i'm not OK about display: inline : if user use 'enter' key : he want to see some line between paragraph .

You right on one point : sometimes it's an undesired behaviour : Added at end of question text.

Hi, Denis,
I absolutely agree.
Therefore I wrote: it will solve this problem, but you will get others.

Joffm