- Posts: 153
- Thank you received: 8
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
customize tip beneath question
- KompetenzZ
- Topic Author
- Offline
- Premium Member
Less
More
5 years 3 months ago #178068
by KompetenzZ
Cheers kompetenzz
customize tip beneath question was created by KompetenzZ
Hi community,
most questions usually include a tip that says "Please choose one of the following options" or a hint text on how to fill out the question. I know there is this po file that can be used to change the tip question type specific, but for some questions I would need to customize the tip question specific or at least question group specific. I tried to edit the tip with javascript, I am sure I have errors. In the following case should be for a multiple choice question:
Any suggestions welcome.
LS Version 3.14
most questions usually include a tip that says "Please choose one of the following options" or a hint text on how to fill out the question. I know there is this po file that can be used to change the tip question type specific, but for some questions I would need to customize the tip question specific or at least question group specific. I tried to edit the tip with javascript, I am sure I have errors. In the following case should be for a multiple choice question:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('ls-question-message.ls-em-tip em_default.ls-em-success').text('custom tip text'); }); </script>
Any suggestions welcome.
LS Version 3.14
Cheers kompetenzz
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
5 years 3 months ago #178074
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic customize tip beneath question
I'm on my phone so can't debug fully but at the very least you are missing a period before the first class name in the identifier.
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('.ls-question-message.ls-em-tip em_default.ls-em-success').text('custom tip text'); }); </script>
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
- KompetenzZ
- Topic Author
- Offline
- Premium Member
Less
More
- Posts: 153
- Thank you received: 8
5 years 3 months ago - 5 years 3 months ago #178093
by KompetenzZ
Cheers kompetenzz
Replied by KompetenzZ on topic customize tip beneath question
Thank you very much.
When I replace the space with a period in addition to your comment after ".ls-question-message.ls-em-tip", it works:
But now the exclamation mark symbol is gone. Therefore, I copied the html code from the exclamation mark symbol from here: fontawesome.com/v4.7.0/icon/exclamation-circle
And then I changed the ".text" to ".html" so that I can insert html code inside of the javascipt:
PS: I just saw that this procedure changes all tips in one question group (or question page when format: display question by question is activated) because all the tips of different question types use the same class. To solve this problem, the current question has to be referenced with "#question{QID}":
Sorry for the long post.
When I replace the space with a period in addition to your comment after ".ls-question-message.ls-em-tip", it works:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('.ls-question-message.ls-em-tip.em_default.ls-em-success').text('custom tip text'); }); </script>
But now the exclamation mark symbol is gone. Therefore, I copied the html code from the exclamation mark symbol from here: fontawesome.com/v4.7.0/icon/exclamation-circle
And then I changed the ".text" to ".html" so that I can insert html code inside of the javascipt:
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('.ls-question-message.ls-em-tip.em_default.ls-em-success').html('<i class="fa fa-exclamation-circle" aria-hidden="true"></i> custom tip text'); }); </script>
PS: I just saw that this procedure changes all tips in one question group (or question page when format: display question by question is activated) because all the tips of different question types use the same class. To solve this problem, the current question has to be referenced with "#question{QID}":
Code:
<script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $('#question{QID} .ls-question-message.ls-em-tip.em_default.ls-em-success').html('<i class="fa fa-exclamation-circle" aria-hidden="true"></i> custom tip text'); }); </script>
Sorry for the long post.
Cheers kompetenzz
Last edit: 5 years 3 months ago by KompetenzZ.
The topic has been locked.