Adding another previous and next button at the top.

More
6 years 10 months ago - 6 years 10 months ago #56383 by blowe46
blowe46 created the topic: Adding another previous and next button at the top.
Hi

Is it possible to add another previous and next bottom at the top of the page? Currently, there's only a previous and next button at the bottom of the page. Is there anyway of adding an extra set at the top of the page?

The image on top is where I would like to add the extra buttons ,and the the image at the bottom is where the buttons are at the moment.


Last Edit: 6 years 10 months ago by blowe46.

Please Log in to join the conversation.

More
6 years 10 months ago #56403 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
Sure, you can add clones of the navigation buttons with JavaScript.

Add the following to the end of template.js. It will insert a new div after the progress bar and then insert clones of the nav buttons in the new div.
	$(document).ready(function() {
 
		// Insert a new div after the progress bar
		$('<div id="navigator2" />').insertAfter('#progress-wrapper');
 
		// Style the new div
		$('#navigator2').css({
			'text-align':'center'
		});
 
		// Insert clones of the nav buttons in the new div
		$('input.submit:eq(0)').clone().appendTo('#navigator2');
		$('input.submit:eq(2)').clone().appendTo('#navigator2');
 
	});

This example is for the default template in 1.90 or 1.91. The placement of the new div may need to be modified for other templates.



Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The following user(s) said Thank You: blowe46

Please Log in to join the conversation.

More
6 years 10 months ago #56430 by DenisChenu
DenisChenu replied the topic: Adding another previous and next button at the top.

tpartner wrote: Sure, you can add clones of the navigation buttons with JavaScript.

Hello Tony,

Di the id on submit button don't make error in some situation ?

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
6 years 10 months ago #56432 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
Not in my testing. Did you get an error? If so, we can change the ID.

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 years 10 months ago #56433 by DenisChenu
DenisChenu replied the topic: Adding another previous and next button at the top.
If it's work it's OK :) (i didn't test it).

Just some bad validation ;)

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
6 years 10 months ago #56436 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
Okay, you shamed me into it - here's the code to give them new IDs:
$(document).ready(function() {
 
		// Insert a new div after the progress bar
		$('<div id="navigator2" />').insertAfter('#progress-wrapper');
 
		// Style the new div
		$('#navigator2').css({
			'text-align':'center'
		});
 
		// Insert clones of the nav buttons in the new div
		$('input.submit:eq(0)').clone().appendTo('#navigator2');
		$('input.submit:eq(2)').clone().appendTo('#navigator2');
 
		// Give the new buttons some new IDs
		$('#navigator2 input.submit').each(function(i) {
			var oldID = $(this).attr('id');
			var newID = oldID + '2';
			$(this).attr('id', newID)
		});
 
	});

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 years 10 months ago #56438 by Mazi
Mazi replied the topic: Adding another previous and next button at the top.
Wouldn't it be easier to just edit the template and place a second {NAVIGATOR} placeholder at the according place in the template?


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

More
6 years 10 months ago #56440 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
That's been tried but it doesn't work unless the navigator originates in navigator.pstpl.

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 years 10 months ago #56601 by Mazi
Mazi replied the topic: Adding another previous and next button at the top.

tpartner wrote: That's been tried but it doesn't work unless the navigator originates in navigator.pstpl.

Thanks, didn't know about it.


Best regards/Beste Grüße,
Dr. Marcel Minke
(Limesurvey Head of Support)
Need Help? We offer professional Limesurvey support
Contact: marcel.minke(at)survey-consulting.com'"

Please Log in to join the conversation.

More
6 years 6 months ago #61510 by badronald
badronald replied the topic: Adding another previous and next button at the top.
I can get the new buttons to appear but on the previous button is functional. The next button does nothing. Not error message appears either in the error console.

Please Log in to join the conversation.

More
6 years 6 months ago #61511 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
What template and browser are you using? I just tested with the default template in IE8 and FF3.6 and it works fine.

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 years 6 months ago #61515 by badronald
badronald replied the topic: Adding another previous and next button at the top.
I am using the limespired template, which i have modified some.
I am using firefox 3
I will test it with the default template and the original limespired and see if i have better results, maybe something with this template??

Here is a link to a testable version.
www.nhs2survey.org/limesurvey2/index.php...93&newtest=Y&lang=en

Please Log in to join the conversation.

More
6 years 6 months ago #61528 by tpartner
tpartner replied the topic: Adding another previous and next button at the top.
I have tested with the Limespired template shipped with 1.91 - no problem.

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 years 6 months ago #61534 by badronald
badronald replied the topic: Adding another previous and next button at the top.
I went back to the shipped version of limespired and it is working. Thank you for your help!

Please Log in to join the conversation.

More
6 years 6 months ago #61540 by holch
holch replied the topic: Adding another previous and next button at the top.
By the way: there is no progress bar at the bottom in your template. ;-)

I'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!