Slider question/ position reset button

More
6 months 3 weeks ago #221522 by bierbier
hey,
I'm trying to move the reset button in a Slider question right now. Unfortunately I have no success.
Does anyone have experience with this and can help me further? (LimeSurvey Version 5/ Fruity theme extension)

Many thanks in advance
Attachments:

Please Log in to join the conversation.

More
6 months 3 weeks ago #221539 by tammo
This is obviously a bug in the template. Please report this via bugs.limesurvey.org

Tammo


Tammo ter Hark at Respondage
For Limesurvey reporting, education and customized themes
respondage.nl

Please Log in to join the conversation.

More
6 months 3 weeks ago - 6 months 3 weeks ago #221578 by tpartner
My preference would be to have the reset button below the slider so it doesn't interfere with the labels.

You can modify the core question view in your custom survey theme,  create a custom question theme or simply add a script like this to the question source:
 
 
<script type="text/javascript" data-author="Tony Partner">	
	$(document).on('ready pjax:scriptcomplete',function(){ 		
 
		$('#question{QID} .slider-item').each(function(i) { 
 
			$('.ls-input-group-reset', this).appendTo($('> div:eq(0)', this)).css({
				'display': 'block',
				'clear': 'both',
				'text-align': 'center',
				'padding-top': '10px',
				'width': 'auto'
			}); 
 
			$('.ls-input-group-reset button', this).css({
				'top': 'auto'
			});
		});
    });
</script>

 

Sample survey attached: 

File Attachment:

File Name: limesurvey...9374.lss
File Size:35 KB

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last edit: 6 months 3 weeks ago by tpartner.

Please Log in to join the conversation.

More
6 months 3 weeks ago #221589 by DenisChenu
> My preference would be to have the reset button below the slider so it doesn't interfere with the labels.

No way to use only CSS here ?
The button are inside is own div ? no ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.

Please Log in to join the conversation.

More
6 months 3 weeks ago #221598 by tpartner

No way to use only CSS here ?

The button container is inside the slider wrapper. I suppose you could position the button wrapper absolutely but I prefer to move it to clear the labels, which are outside of the slider wrapper.

This is why I suggested that customizing the view is an alternative - moving the button wrapper and removing some dumb classes and styles.

Cheers,
Tony Partner

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

Please Log in to join the conversation.

More
6 months 3 weeks ago - 6 months 3 weeks ago #221615 by DenisChenu
With skelvanilla / 3.X
.ls-input-group-extra {
    /* width: 1%; */
    /* white-space: nowrap; */
    /* vertical-align: middle; */
    /* display: table-cell; */
    /* padding: 0.6rem 1.2rem; */
    /* line-height: 1; */
    display: block;
    margin-top: 3em;
    margin-left: 50%;
}

With console CSS editor
Not perfect but a start

 

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Attachments:
Last edit: 6 months 3 weeks ago by DenisChenu.

Please Log in to join the conversation.

More
6 months 3 weeks ago #221616 by DenisChenu
With
.ls-input-group-reset .btn-slider-reset{left:-25%}


 

The final issue is the margin-top:3em, must find an better solution maybe ?

I add it on new feature request in skel.

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

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now