Check out the LimeSurvey source code on GitHub!

Splitting the Previous and Next Button

More
2 years 7 months ago #110884 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.
#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.

Please Log in to join the conversation.

More
2 years 7 months ago #110889 by tpartner
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.

Please Log in to join the conversation.

More
2 years 7 months ago #110894 by kingmaker

Please Log in to join the conversation.

More
2 years 7 months ago - 2 years 7 months ago #110895 by tpartner
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;
}



.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
Last Edit: 2 years 7 months ago by tpartner.

Please Log in to join the conversation.

More
2 years 7 months ago - 2 years 7 months ago #110896 by kingmaker
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 years 7 months ago by kingmaker.

Please Log in to join the conversation.

More
2 years 7 months ago #110898 by kingmaker
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

Please Log in to join the conversation.

More
2 years 7 months ago #110899 by tpartner
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

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form