Welcome, Guest
Username: Password: Remember me

TOPIC: Splitting the Previous and Next Button

Splitting the Previous and Next Button 2 months 1 week ago #110884

  • kingmaker
  • kingmaker's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 16
  • Karma: 0
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.
#moveprevbtn {
    position: absolute;
    left: 30px;
}
 
#movenextbtn {
    position: absolute;
    right: 30px;
}

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

Nothing worked. Any help would be much much appreciated.
The administrator has disabled public write access.

Splitting the Previous and Next Button 2 months 1 week ago #110889

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
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.

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

Splitting the Previous and Next Button 2 months 1 week ago #110894

  • kingmaker
  • kingmaker's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 16
  • Karma: 0
The administrator has disabled public write access.

Splitting the Previous and Next Button 2 months 1 week ago #110895

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
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:

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

Capture_2014-07-14.jpg


.
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.
Last Edit: 2 months 1 week ago by tpartner.
The administrator has disabled public write access.

Splitting the Previous and Next Button 2 months 1 week ago #110896

  • kingmaker
  • kingmaker's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 16
  • Karma: 0
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: 2 months 1 week ago by kingmaker.
The administrator has disabled public write access.

Splitting the Previous and Next Button 2 months 1 week ago #110898

  • kingmaker
  • kingmaker's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 16
  • Karma: 0
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 administrator has disabled public write access.

Splitting the Previous and Next Button 2 months 1 week ago #110899

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4195
  • Thank you received: 789
  • Karma: 359
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.

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: kingmaker
Moderators: ITEd
Time to create page: 0.215 seconds
Donation Image