Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Expandable/Collapsible text in Description section on introduction page

apoggio
Topic Author
Offline
Junior Member

More

7 years 4 months ago #163268 by apoggio

Expandable/Collapsible text in Description section on introduction page was created by apoggio

Hello,

Is there a way to have the section ''Description'' to be collapsible when arriving on the introduction page of the survey?

The topic has been locked.

holch
Offline
LimeSurvey Community Team

More

7 years 4 months ago #163278 by holch

Replied by holch on topic Expandable/Collapsible text in Description section on introduction page

Not with Limesurvey "board equipment". But I am sure there are solutions out there, that allow you to do this with Javascript. So have a Google search. You can then implement it on the Welcome text. But don't forget to allow the use of Javascript in the LS admin backend.

Help us to help you!

Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
Always provide a LSS file (not LSQ or LSG).

Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.

The topic has been locked.

jelo
Offline
Platinum Member

More

7 years 4 months ago #163291 by jelo

Replied by jelo on topic Expandable/Collapsible text in Description section on introduction page

Depending on your LimeSurvey version, you can use bootstrap.
www.w3schools.com/bootstrap/bootstrap_collapse.asp

If LS 2.5 or LS 3.X is used with a bootstrap theme/template, you can simply add examples.

E.g. post this into a questiontext (Sourcecode mode!).

Code:

<div class="container">
<h2>Simple Collapsible</h2>
 
<p>Click on the button to toggle between showing and hiding content.</p>
<button class="btn btn-info" data-target="#demo" data-toggle="collapse" type="button">Simple collapsible</button>
 
<div class="collapse" id="demo">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>