Welcome to the LimeSurvey Community Forum

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

Multiple Numeric Slider - Fixing separated label

Matadeleo
Topic Author
Offline
Premium Member

More

2 years 2 months ago - 2 years 2 months 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.28 KB

Last edit: 2 years 2 months ago by Matadeleo. Reason: Wording

Please Log in to join the conversation.

Matadeleo
Topic Author
Offline
Premium Member

More

2 years 2 months ago - 2 years 2 months 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

Last edit: 2 years 2 months ago by Matadeleo. Reason: Updated code

Please Log in to join the conversation.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

2 years 2 months ago #265931 by DenisChenu

Replied by DenisChenu on topic Multiple Numeric Slider - Fixing separated label

Matadeleo wrote:
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. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

Matadeleo
Topic Author
Offline
Premium Member

More

2 years 2 months 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
Offline
LimeSurvey Community Team & Official Partner

More

2 years 2 months ago #265944 by DenisChenu

Replied by DenisChenu on topic Multiple Numeric Slider - Fixing separated label

Matadeleo wrote:
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. - Professional support - Plugins, theme and development .
I don't answer to private message.

Please Log in to join the conversation.

DenisChenu
Offline
LimeSurvey Community Team & Official Partner

More

2 years 2 months 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. - Professional support - Plugins, theme and development .
I don't answer to private message.