Splitting the Previous and Next Button

More
3 years 2 months ago #110884 by kingmaker
kingmaker created the topic: Splitting the Previous and Next Button
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
3 years 2 months ago #110889 by tpartner
tpartner replied the 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.

Please Log in to join the conversation.

More
3 years 2 months ago #110894 by kingmaker
kingmaker replied the topic: Splitting the Previous and Next Button

Please Log in to join the conversation.

More
3 years 2 months ago - 3 years 2 months ago #110895 by tpartner
tpartner replied the 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:

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

Please Log in to join the conversation.

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

Please Log in to join the conversation.

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

Please Log in to join the conversation.

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

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now