Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:
  • Page:
  • 1
  • 2

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

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

Adding another previous and next button at the top. 5 years 10 months ago #56403

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.
The following user(s) said Thank You: blowe46

Adding another previous and next button at the top. 5 years 10 months ago #56430

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9600
  • Thank you received: 1376
  • Karma: 390
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 (use private message).
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56432

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56433

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9600
  • Thank you received: 1376
  • Karma: 390
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 (use private message).
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56436

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56438

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6029
  • Thank you received: 373
  • Karma: 260
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'"
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56440

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 10 months ago #56601

  • Mazi
  • Mazi's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6029
  • Thank you received: 373
  • Karma: 260
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'"
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 6 months ago #61510

  • badronald
  • badronald's Avatar
  • Offline
  • Senior Lime
  • Posts: 53
  • Karma: 1
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.

Adding another previous and next button at the top. 5 years 6 months ago #61511

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 6 months ago #61515

  • badronald
  • badronald's Avatar
  • Offline
  • Senior Lime
  • Posts: 53
  • Karma: 1
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
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 6 months ago #61528

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6574
  • Thank you received: 1477
  • Karma: 579
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.
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 6 months ago #61534

  • badronald
  • badronald's Avatar
  • Offline
  • Senior Lime
  • Posts: 53
  • Karma: 1
I went back to the shipped version of limespired and it is working. Thank you for your help!
The administrator has disabled public write access.

Adding another previous and next button at the top. 5 years 6 months ago #61540

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5446
  • Thank you received: 814
  • Karma: 240
By the way: there is no progress bar at the bottom in your template. ;-)
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | [url=https://manual.limesurvey.org/Workarounds[/url]

If you found this answer helpful and it saved you some time please consider a [url=https://donate.limesurvey.org[/url] to the...
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Time to create page: 0.270 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form