Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Splitting the Previous and Next Button

  • kingmaker
  • kingmaker's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 8 months ago #110884 by kingmaker
Splitting the Previous and Next Button was created by kingmaker
Hello I am trying to split the Previous and Next button. I want to make them appear on the extreme corner( As Left and right as possible). This is to avoid accidentally clicking the wrong button.

I added the following code in the templace.css but nothing is being reflected in the Survey. Any help/suggestion would be appreciated.
Code:
#moveprevbtn {
    position: absolute;
    left: 30px;
}
 
#movenextbtn {
    position: absolute;
    right: 30px;
}

Since this did not work, I also tried the below:
Code:
 
#moveprevbtn {
    position: relative;
    margin-left: -30px;
  }
 
#movenextbtn {
    position: relative;
    margin-right: -30px;
}
 

Nothing worked. Any help would be much much appreciated.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 8 months ago #110889 by tpartner
Replied by tpartner on topic Splitting the Previous and Next Button
Can you activate a sample survey for us to see?

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • kingmaker
  • kingmaker's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 8 months ago #110894 by kingmaker
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 8 months ago - 9 years 8 months ago #110895 by tpartner
Replied by tpartner on topic Splitting the Previous and Next Button
Well, using the default template you will not be able to push them to the far left and right without modifying navigator.pstpl - the save-all and clear-all elements get in the way.

However, you can push them to the left and right of their table cell, giving some separation. Add this to the end of template.css:

Code:
#moveprevbtn {
    float: left;
    margin-left: 0;
}
 
#movenextbtn,
#movesubmitbtn {
    float: right;
    margin-right: 0;
}



.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 9 years 8 months ago by tpartner.
The topic has been locked.
  • kingmaker
  • kingmaker's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 8 months ago - 9 years 8 months ago #110896 by kingmaker
Replied by kingmaker on topic Splitting the Previous and Next Button
I added the exact same code, but it didnt not show any change in the position of the buttons. :( What could be the reason why it is not working?
Last edit: 9 years 8 months ago by kingmaker.
The topic has been locked.
  • kingmaker
  • kingmaker's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
9 years 8 months ago #110898 by kingmaker
Replied by kingmaker on topic Splitting the Previous and Next Button
I have created a test user for the same.Just in case if you can log in and see, it helps

goo.gl/A2oz3q

username : TestUser
Password : asdf1234
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
9 years 8 months ago #110899 by tpartner
Replied by tpartner on topic Splitting the Previous and Next Button
I see the change. Clear your cache and refresh the browser.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: kingmaker
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose