The LimeSurvey Fund-Raiser 2012 is complete. Thank you for donating a total of 25,000 USD!     List of donors »
Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username?
  • Page:
  • 1
  • 2

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

Adding another previous and next button at the top. 2 years 3 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: 2 years 3 months ago by blowe46.
The administrator has disabled public write access.

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

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2853
  • Thank you received: 423
  • Karma: 243
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

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. 2 years 3 months ago #56430

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 4374
  • Thank you received: 451
  • Karma: 165
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. 2 years 3 months ago #56432

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2853
  • Thank you received: 423
  • Karma: 243
Not in my testing. Did you get an error? If so, we can change the ID.
Cheers,
Tony

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. 2 years 3 months ago #56433

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 4374
  • Thank you received: 451
  • Karma: 165
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. 2 years 3 months ago #56436

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2853
  • Thank you received: 423
  • Karma: 243
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

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. 2 years 3 months ago #56438

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5116
  • Thank you received: 260
  • Karma: 240
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. 2 years 3 months ago #56440

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2853
  • Thank you received: 423
  • Karma: 243
That's been tried but it doesn't work unless the navigator originates in navigator.pstpl.
Cheers,
Tony

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. 2 years 3 months ago #56601

  • Mazi
  • Mazi's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 5116
  • Thank you received: 260
  • Karma: 240
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. 1 year 11 months ago #61510

  • badronald
  • badronald's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 44
  • 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: DenisChenu, ITEd
Time to create page: 0.280 seconds
Donation Image