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 5 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 5 months ago by blowe46.
The administrator has disabled public write access.

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

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 5 months ago #56430

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9293
  • Thank you received: 1327
  • Karma: 384
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 developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

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

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 5 months ago #56433

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9293
  • Thank you received: 1327
  • Karma: 384
If it's work it's OK :) (i didn't test it).

Just some bad validation ;)
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

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

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 5 months ago #56438

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

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

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 5 months ago #56601

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

Adding another previous and next button at the top. 5 years 2 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 2 months ago #61511

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 2 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 2 months ago #61528

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6139
  • Thank you received: 1363
  • Karma: 535
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 2 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 2 months ago #61540

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5063
  • Thank you received: 749
  • Karma: 227
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 | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Moderators: ITEd
Time to create page: 0.387 seconds
Imprint                   Data Protection Statement                  Revocation information and revocation form