- Posts: 28
- Thank you received: 1
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to change the "Next" button?
- Serafim
- Topic Author
- Offline
- Junior Member
Less
More
11 years 2 months ago - 11 years 2 months ago #91995
by Serafim
How to change the "Next" button? was created by Serafim
Hello once again.
This is probably a css problem but I can't find where to change it. The "Next" button in my language for some reason as the word in one line and in the second line it shows the ">", like this:
In English: "Next >"
In Portuguese: "Seguinte
______________>"
This is proably because of the size of the button, but I can't find it in the .css file.
This is probably a css problem but I can't find where to change it. The "Next" button in my language for some reason as the word in one line and in the second line it shows the ">", like this:
In English: "Next >"
In Portuguese: "Seguinte
______________>"
This is proably because of the size of the button, but I can't find it in the .css file.
Last edit: 11 years 2 months ago by Serafim.
The topic has been locked.
- vipgroup
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 27
- Thank you received: 4
11 years 2 months ago #91999
by vipgroup
Replied by vipgroup on topic How to change the "Next" button?
Dear colleagues!
I have the same problem, but in Latvian. I tried to find a solution in .css file, but unsuccessfully. Please, give me the benefit of your experience.
BR, Andrew
I have the same problem, but in Latvian. I tried to find a solution in .css file, but unsuccessfully. Please, give me the benefit of your experience.
BR, Andrew
The topic has been locked.
- Serafim
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 28
- Thank you received: 1
11 years 2 months ago #92000
by Serafim
Replied by Serafim on topic How to change the "Next" button?
If I could find where it is, at least could delete the ">", and probably would work, but I can't find it.
The topic has been locked.
- adishardis
- Offline
- New Member
Less
More
- Posts: 15
- Thank you received: 0
11 years 2 months ago #92009
by adishardis
Replied by adishardis on topic How to change the "Next" button?
If you download the translation tool you can change the button text.
This link describes the steps, it's pretty straightforward!
( docs.limesurvey.org/Translating+LimeSurvey ).
Cheers
Adam
This link describes the steps, it's pretty straightforward!
( docs.limesurvey.org/Translating+LimeSurvey ).
Cheers
Adam
The topic has been locked.
- Serafim
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 28
- Thank you received: 1
11 years 2 months ago #92012
by Serafim
Replied by Serafim on topic How to change the "Next" button?
Hi there, the problem is not the translation, the problem is that the button doesn't change the size. It's made for the word "Next >", but when the word is bigger than 4 letters the symbol ">" goes to the other line. The box of the button doesn't change his width, only his height.
The topic has been locked.
- adishardis
- Offline
- New Member
Less
More
- Posts: 15
- Thank you received: 0
11 years 2 months ago #92014
by adishardis
Replied by adishardis on topic How to change the "Next" button?
Ok, I changed the buttons by editing the template.css
I inserted this in the beginning of the css and you can adjust the visuals and adding width:
#moveprevbtn {
color: #414141;
border: 3px solid #92d050;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: WHITE;
padding: 0.3125em 1em;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 1em;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 1.6em;
}
#moveprevbtn:hover {
color: #414141;
border: 3px solid #90da42;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #fcfcfc;
padding: 0.3125em 1em;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 1em;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 1.6em;
}
I inserted this in the beginning of the css and you can adjust the visuals and adding width:
#moveprevbtn {
color: #414141;
border: 3px solid #92d050;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: WHITE;
padding: 0.3125em 1em;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 1em;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 1.6em;
}
#moveprevbtn:hover {
color: #414141;
border: 3px solid #90da42;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #fcfcfc;
padding: 0.3125em 1em;
cursor: pointer;
white-space: nowrap;
overflow: visible;
font-size: 1em;
font-weight: bold;
outline: 0 none /* removes focus outline in IE */;
margin: 0px;
line-height: 1.6em;
}
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
11 years 2 months ago #92018
by DenisChenu
Think in the last version, we don't have >. And you can replace the included function for button look:
in template.js
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic How to change the "Next" button?
What is your version ?Serafim wrote: Hi there, the problem is not the translation, the problem is that the button doesn't change the size. It's made for the word "Next >", but when the word is bigger than 4 letters the symbol ">" goes to the other line. The box of the button doesn't change his width, only his height.
Think in the last version, we don't have >. And you can replace the included function for button look:
Code:
function navbuttonsJqueryUi(){ // Just deactivate default jquery-ui button }
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
- Serafim
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 28
- Thank you received: 1
11 years 2 months ago #92020
by Serafim
Replied by Serafim on topic How to change the "Next" button?
I'm probably doing something wrong because it doesn't change anything. Do I insert the code in a specific place i the .css file?
The topic has been locked.
- adishardis
- Offline
- New Member
Less
More
- Posts: 15
- Thank you received: 0
11 years 2 months ago #92021
by adishardis
Replied by adishardis on topic How to change the "Next" button?
Oh, I posted the wrong code
Find this in the template css and change it as you like:
button.ui-state-default
Find this in the template css and change it as you like:
button.ui-state-default
The topic has been locked.
- Serafim
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 28
- Thank you received: 1
11 years 2 months ago #92029
by Serafim
Replied by Serafim on topic How to change the "Next" button?
Nice, thanks.
By the way just found another solution, checking the other template models, I saw that the buttons are different, so I can choose the one that I like the buttons, copy my old .css file and paste it to the new model with the different buttons, and there it is, old template with new buttons.
By the way just found another solution, checking the other template models, I saw that the buttons are different, so I can choose the one that I like the buttons, copy my old .css file and paste it to the new model with the different buttons, and there it is, old template with new buttons.
The topic has been locked.
- flink
- Offline
- Junior Member
Less
More
- Posts: 33
- Thank you received: 1
8 years 10 months ago #121418
by flink
Replied by flink on topic How to change the "Next" button?
I am having the same trouble with my copy of the "limespired" theme in German. In the CSS file, I tried modifying the following part:
.submit {
background-color: #d9dadb;
border: 1px solid #86b8bc;
}
but no matter what I do, the small triangle will always appear in a new line within the button. Does anyone know how to solve this? I am using Version 2.05+ Build 140915.
Thank you very much!
.submit {
background-color: #d9dadb;
border: 1px solid #86b8bc;
}
but no matter what I do, the small triangle will always appear in a new line within the button. Does anyone know how to solve this? I am using Version 2.05+ Build 140915.
Thank you very much!
The topic has been locked.
- Mazi
- Offline
- Official LimeSurvey Partner
8 years 10 months ago #121445
by Mazi
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
Replied by Mazi on topic How to change the "Next" button?
1. Did you update your Limesurvey version recently?
2. Please upload a link to an activated sample survey for testing.
2. Please upload a link to an activated sample survey for testing.
Best regards/Beste Grüße,
Dr. Marcel Minke
Need Help? We offer professional Limesurvey support: survey-consulting.com
Contact: marcel.minke(at)survey-consulting.com
The topic has been locked.