Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Adding another previous and next button at the top.

Adding another previous and next button at the top. 3 years 8 months ago #56383

  • blowe46
  • blowe46's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 6
  • Karma: 0
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: 3 years 8 months ago by blowe46.
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56403

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4266
  • Thank you received: 803
  • Karma: 368
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.


Untitled-1_2011-02-05.png
Cheers,
Tony Partner

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

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.
The following user(s) said Thank You: blowe46

Re: Adding another previous and next button at the top. 3 years 8 months ago #56430

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 839
  • Karma: 249
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 ?
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56432

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4266
  • Thank you received: 803
  • Karma: 368
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.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56433

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 6429
  • Thank you received: 839
  • Karma: 249
If it's work it's OK :) (i didn't test it).

Just some bad validation ;)
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56436

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4266
  • Thank you received: 803
  • Karma: 368
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.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56438

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5331
  • Thank you received: 296
  • Karma: 249
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)limesurvey.org'"
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56440

  • tpartner
  • tpartner's Avatar
  • NOW ONLINE
  • LimeSurvey Team
  • Posts: 4266
  • Thank you received: 803
  • Karma: 368
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.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 8 months ago #56601

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5331
  • Thank you received: 296
  • Karma: 249
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)limesurvey.org'"
The administrator has disabled public write access.

Re: Adding another previous and next button at the top. 3 years 4 months ago #61510

  • badronald
  • badronald's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 48
  • Karma: 0
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.
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.135 seconds
Donation Image