Welcome to the LimeSurvey Community Forum

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

No border images with question theme : "image select"

More
5 years 6 months ago #174380 by Alric
Hi everyone,

I'm using question type : "List (radio)" and question theme : "image_select" which allows me to
use image as answers. I use version 3.14.9 and an extend to fruity theme.

I also use these scripts to automatically proceed to next question after selecting answer and to hide submit button ( see this ):
Code:
<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){ 
    $('#question{QID} input[type="radio"]').on('click', function() {
      $('#ls-button-submit').trigger('click');
    });
  });  
</script>
Code:
<script type="text/javascript" charset="utf-8">
  $(document).on('ready pjax:scriptcomplete',function(){
    $('#navigator-container button').hide();    
  });  
</script>

The only problem I cannot solve is to remove the grey border and the "-" character around images, see below :





Any help is appreciated.


Thanks in advance!
Attachments:
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 6 months ago #174415 by tpartner
Can you attach a small test survey (.lss file)?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
More
5 years 6 months ago #174450 by Alric
Thank you for your answer.
You will find the .lss file as attachment.

File Attachment:

File Name: limesurvey...3515.lss
File Size:23 KB
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 6 months ago #174478 by tpartner
Add this to the end of your custom.css file:

Code:
.imageselect-list li.imageselect-listitem .imageselect-container .imageselect-label {
    border: transparent none;
}
 
.imageselect-list li.imageselect-listitem input[type="radio"]:indeterminate + label::after {
    display: none;
}

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: Alric
The topic has been locked.
More
5 years 6 months ago #174507 by Alric
Thank you very much! That's perfect!

Have a nice day
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose