Welcome to the LimeSurvey Community Forum

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

Fix two answers at last in multiple choice question showed with columns

Oterito
Topic Author
Offline
Junior Member

More

2 years 7 months ago #255810 by Oterito

Fix two answers at last in multiple choice question showed with columns was created by Oterito

Please help us help you and fill where relevant:
Your LimeSurvey version: 5.6.54
Own server or LimeSurvey hosting: Limesurvey hosting
Survey theme/template: fruity
==================
Hi! I want fix the last two options in a multiple choice question showed by 4 columns.

This code worked in 1 column, but when i select show in 4 columns it doesn't work anymore. <script type="text/javascript" charset="utf-8"> $(document).ready(function() { // Identify this question var qID = {QID}; // Place the "DK" code option at the end of the list var answer = $( 'input[id$="X'+qID+'97"]'); var answerItem = $(answer).closest('li'); var answersList = $(answer).closest('ul'); $(answersList).append(answerItem); });
$(document).ready(function() { // Identify this question var qID = {QID}; // Place the "DK" code option at the end of the list var answer = $( 'input[id$="X'+qID+'99"]'); var answerItem = $(answer).closest('li'); var answersList = $(answer).closest('ul'); $(answersList).append(answerItem); });</script>
Can anyone help me please?

Thanks in advance

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago #255815 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

Can you attach a small sample survey (.lss file) containing only the relevant question?

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: Oterito

Please Log in to join the conversation.

Oterito
Topic Author
Offline
Junior Member

More

2 years 7 months ago - 2 years 7 months ago #255818 by Oterito

Replied by Oterito on topic Fix two answers at last in multiple choice question showed with columns

Here I attach it. Thanks!

File Attachment:

File Name: limesurvey...4761.lss
File Size:35.64 KB

Last edit: 2 years 7 months ago by Oterito.

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago #255821 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

Do you want them fixed before or after the "Otros" item?

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: Oterito

Please Log in to join the conversation.

Oterito
Topic Author
Offline
Junior Member

More

2 years 7 months ago #255822 by Oterito

Replied by Oterito on topic Fix two answers at last in multiple choice question showed with columns

After other option.

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago - 2 years 7 months ago #255824 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

This script will, for example, fix the sub-questions "97" and "99" to the end of the last column:

Code:

<script type="text/javascript" data-author="Tony Partner">
    
    $(document).on('ready pjax:scriptcomplete',function(){
        
        // The subquestion codes to fix at the end
        var fixedCodes = ['97', '99'];
        
        // Identify this question
        var qID = '{QID}';
        var thisQuestion = $('#question'+qID);

        var itemsLength = $('.answer-item', thisQuestion).length;
        var offset = 1;
        if($('.answer-item[id$="X'+qID+'other"]', thisQuestion).length > 0) {
            offset = 2;
        }
 
        // Move the fixed items
        $.each(fixedCodes, function(i, code) {
            var thisItem = $('.answer-item[id$="X'+qID+code+'"]', thisQuestion);
            var replacedItem = $('.answer-item:eq('+(itemsLength-i-offset)+')', thisQuestion);
            $(thisItem).before(replacedItem);
            $('.answers-list > ul:last', thisQuestion).append(thisItem);
        });
 
    });
</script>

Sample survey attached:

File Attachment:

File Name: limesurvey...7611.lss
File Size:35.12 KB

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

Last edit: 2 years 7 months ago by tpartner.

The following user(s) said Thank You: Oterito

Please Log in to join the conversation.

Oterito
Topic Author
Offline
Junior Member

More

2 years 7 months ago #255826 by Oterito

Replied by Oterito on topic Fix two answers at last in multiple choice question showed with columns

It worked perfect. Thank you very much!

Please Log in to join the conversation.

Oterito
Topic Author
Offline
Junior Member

More

2 years 7 months ago - 2 years 7 months ago #255905 by Oterito

Replied by Oterito on topic Fix two answers at last in multiple choice question showed with columns

Hi! tpartner! Its me again. I applied the same code in a second question with array filter by the first and i am having problems with the visualization. The options are not well distributed in columns. I attach an image below and a sample survey with two question.

CapturadePantalla2024-02-09alas15.33.55.png

Is there any way to solve this? Can you help me again please?

Thanks in advance!

...ey_1847611.lss

Last edit: 2 years 7 months ago by Oterito.

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago #255906 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

That has nothing to do with my script. It is a core question behaviour - it does not visually handle filtering well when using columns.

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: DenisChenu, Oterito

Please Log in to join the conversation.

Joffm
Offline
LimeSurvey Community Team

More

2 years 7 months ago #255912 by Joffm

Replied by Joffm on topic Fix two answers at last in multiple choice question showed with columns

As @tpartner,
the problem is in the order
First the subquestions are randomized and displayed in three columns
and THEN some are hidden by the array filter.
Here you see if you set the array filter mode to "deactivate"

Now imagine these subquestions are hidden.

If I remember well, I filed a bug report some years ago.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

The following user(s) said Thank You: Oterito

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago #255933 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

There is probably a CSS workaround but I'm away from a computer today.

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: DenisChenu

Please Log in to join the conversation.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

2 years 7 months ago - 2 years 7 months ago #255961 by DenisChenu

Replied by DenisChenu on topic Fix two answers at last in multiple choice question showed with columns

tpartner wrote:
There is probably a CSS workaround but I'm away from a computer today.

Maybe check with this solution : github.com/LimeSurvey/LimeSurvey/pull/3038
(i mean : adding a new class and deactivate the core solution)

Else : doing it in HTML before show the question : gitlab.com/SondagesPro/QuestionSettingsType/arrayFilterHtml

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

Last edit: 2 years 7 months ago by DenisChenu.

The following user(s) said Thank You: tpartner, Oterito

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago - 2 years 7 months ago #255965 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

DenisChenu wrote:
Maybe check with this solution : github.com/LimeSurvey/LimeSurvey/pull/3038
(i mean : adding a new class and deactivate the core solution)

Is the column-count property intended for separate elements (<li> elements)?

Since this is intended to resemble a table, I was thinking along the lines of a single <ul> (no core "columns") with display:grid and various grid-template-columns properties.

...but, still away from a computer...

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

Last edit: 2 years 7 months ago by tpartner.

The following user(s) said Thank You: Oterito

Please Log in to join the conversation.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

2 years 7 months ago #255999 by DenisChenu

Replied by DenisChenu on topic Fix two answers at last in multiple choice question showed with columns

The core column-count is to set the number of column

But a SurveyTheme can easily create some display-column-2,display-column-3,display-column-4,display-column-5 … css class (good idea !)

display:grid can be very interesting too : since we can have 2 solutions

One showing answers like that (2 columns)

css : column-count:2
A C
B D

css : grid-template-columns: 1fr 1fr;
A B
C D

See old mantis issue : bugs.limesurvey.org/view.php?id=7927

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member. - Professional support - Plugins, theme and development .
I don't answer to private message.

The following user(s) said Thank You: Oterito

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 years 7 months ago - 2 years 7 months ago #256025 by tpartner

Replied by tpartner on topic Fix two answers at last in multiple choice question showed with columns

Yes, one limitation of the display:grid approach is that the items will be arranged sequentially horizontally.

But, if randomized, that does not matter.

If you would like to implicitly define 4 columns on larger screens (2 on smaller screens) and hide the irrelevant items, you can disable the core columns feature and add this CSS to the question source.

Code:

<style type="text/css" data-author="Tony Partner">

    #question{QID} .ls-answers ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 0 1rem;
    }

    @media (max-width: 768px) {
        #question{QID} .ls-answers ul {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 0 0.5rem;
        }

        #question{QID} .form-group {
            margin-bottom:  0;
        }
    }
</style>

Sample survey attached: