Welcome to the LimeSurvey Community Forum

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

Multiple Numeric Slider - Fixing separated label

  • Matadeleo
  • Matadeleo's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
1 month 3 weeks ago - 1 month 3 weeks ago #265927 by Matadeleo
Multiple Numeric Slider - Fixing separated label was created by Matadeleo
Please help us help you and fill where relevant:
Your LimeSurvey version: 6.5.17+240715 
Own server or LimeSurvey hosting: Own
Survey theme/template: Fruity TwentyThree
==================
It appears that in the latest version of LS6, the slider question style for multiple numeric isn't working as intended, when using the label separator the second half of the label is misplaced and un-styled.

Is anyone able to provide a solution to this, perhaps using JS to move the labels/apply the necessary styling to make this work again in the meantime?


File Attachment:

File Name: multiple-n...ider.lss
File Size:27 KB
  • Slider.png Slider.png
  • multiple-n...ider.lss
    • Last edit: 1 month 3 weeks ago by Matadeleo. Reason: Wording

    Please Log in to join the conversation.

    • Matadeleo
    • Matadeleo's Avatar Topic Author
    • Offline
    • Premium Member
    • Premium Member
    More
    1 month 3 weeks ago - 1 month 3 weeks ago #265928 by Matadeleo
    Replied by Matadeleo on topic Multiple Numeric Slider - Fixing separated label
    I've managed to get it somewhere by removing the pipe/second label and using the following code to manually insert them

     
    Code:
    // Label 1
var label1 = $('<label class="col-12 col-md-3 slider-right">Label 1</label>');
$('#javatbd{SID}X{GID}X{QID}1 .ls-slider-item-row').append(label1);
$('#label-{SID}X{GID}X{QID}1').removeClass('col-md-4').addClass('col-md-3 mb-0');
$('#javatbd{SID}X{GID}X{QID}1 .px-md-5').removeClass('col-md-8').addClass('col-md-6');
 
// Label 2
var label2 = $('<label class="col-12 col-md-3 slider-right">Label 2</label>');
$('#javatbd{SID}X{GID}X{QID}2 .ls-slider-item-row').append(label2);
$('#label-{SID}X{GID}X{QID}2').removeClass('col-md-4').addClass('col-md-3 mb-0');
$('#javatbd{SID}X{GID}X{QID}2 .px-md-5').removeClass('col-md-8').addClass('col-md-6');
 
// Label 3
var label3 = $('<label class="col-12 col-md-3 slider-right">Label 3</label>');
$('#javatbd{SID}X{GID}X{QID}3 .ls-slider-item-row').append(label3);
$('#label-{SID}X{GID}X{QID}3').removeClass('col-md-4').addClass('col-md-3 mb-0');
$('#javatbd{SID}X{GID}X{QID}3 .px-md-5').removeClass('col-md-8').addClass('col-md-6');


    If anyone is familiar with the bug reporting process, can you please create a bug report for this issue
     
  • ...7-16130642.png Screenshot2024-07-16130642.png
    • Last edit: 1 month 3 weeks ago by Matadeleo. Reason: Updated code

    Please Log in to join the conversation.

    • DenisChenu
    • DenisChenu's Avatar
    • Offline
    • LimeSurvey Community Team & Official Partner
    • LimeSurvey Community Team & Official Partner
    More
    1 month 3 weeks ago #265931 by DenisChenu
    Replied by DenisChenu on topic Multiple Numeric Slider - Fixing separated label

    If anyone is familiar with the bug reporting process, can you please create a bug report for this issue

     

    You can (must, it's better) report bug yourself : community.limesurvey.org/bug-tracker/
    Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
    I'm not a LimeSurvey GmbH member.
    I don't answer to private message.

    Please Log in to join the conversation.

    • Matadeleo
    • Matadeleo's Avatar Topic Author
    • Offline
    • Premium Member
    • Premium Member
    More
    1 month 3 weeks ago #265932 by Matadeleo
    Replied by Matadeleo on topic Multiple Numeric Slider - Fixing separated label
    bugs.limesurvey.org/view.php?id=19657

    Done - if anything is not correctly done, please advise
    The following user(s) said Thank You: DenisChenu

    Please Log in to join the conversation.

    • DenisChenu
    • DenisChenu's Avatar
    • Offline
    • LimeSurvey Community Team & Official Partner
    • LimeSurvey Community Team & Official Partner
    More
    1 month 3 weeks ago #265944 by DenisChenu
    Replied by DenisChenu on topic Multiple Numeric Slider - Fixing separated label

    bugs.limesurvey.org/view.php?id=19657

    Done - if anything is not correctly done, please advise
     
    Great !

    Thank you !
    Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
    I'm not a LimeSurvey GmbH member.
    I don't answer to private message.

    Please Log in to join the conversation.

    • DenisChenu
    • DenisChenu's Avatar
    • Offline
    • LimeSurvey Community Team & Official Partner
    • LimeSurvey Community Team & Official Partner
    More
    1 month 3 weeks ago #265945 by DenisChenu
    Replied by DenisChenu on topic Multiple Numeric Slider - Fixing separated label
    Finally : I think system work like it's needed.

    You can have :
    - A sub-question
    - A left part
    - A right part

     
     
    Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
    I'm not a LimeSurvey GmbH member.
    I don't answer to private message.
    Attachments:

    Please Log in to join the conversation.

    Moderators: tpartner, holch

    Lime-years ahead

    Online-surveys for every purse and purpose

    Pricing & Plans
    Get started

    Legal

    About Us

    Open Source