- Posts: 8
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Change the position of the next button only on the welcome page
- mfroehler
- Topic Author
- Offline
- New Member
Less
More
3 years 5 months ago #207370
by mfroehler
Change the position of the next button only on the welcome page was created by mfroehler
Hello again,
is it possible to change the position of the submit button to the left hand side only on the welcome page?
I'm still suing an extended fruity on 3.15.
I changed the text of my button with using a script like this in the source of a text, which works great.
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
$('#ls-button-submit').text("LOS GEHT'S");
});
</script>
I tried doing the change in the navigation twig, but I only succeeded in changing it on all pages, which isn't my intent.
Best regards
is it possible to change the position of the submit button to the left hand side only on the welcome page?
I'm still suing an extended fruity on 3.15.
I changed the text of my button with using a script like this in the source of a text, which works great.
<script type="text/javascript" charset="utf-8">
$(document).on('ready pjax:scriptcomplete',function(){
$('#ls-button-submit').text("LOS GEHT'S");
});
</script>
I tried doing the change in the navigation twig, but I only succeeded in changing it on all pages, which isn't my intent.
Best regards
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
3 years 5 months ago - 3 years 5 months ago #207374
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Change the position of the next button only on the welcome page
Try this:
Code:
<script type="text/javascript" charset="utf-8"> $(document).on('ready pjax:scriptcomplete',function(){ $('#ls-button-submit').text("LOS GEHT'S").appendTo($('#navigator-container > .text-left:eq(0)')); }); </script>
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 3 years 5 months ago by tpartner.
The topic has been locked.
- mfroehler
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
3 years 5 months ago #207376
by mfroehler
Replied by mfroehler on topic Change the position of the next button only on the welcome page
Perfect!
Thanks a lot!
Thanks a lot!
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12943
- Thank you received: 3979
3 years 5 months ago - 3 years 5 months ago #207378
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Change the position of the next button only on the welcome page
Of course this is better.
Therefore I removed my (longer) solution.
I didn't know how to use the "appendTo".
Joffm
Therefore I removed my (longer) solution.
I didn't know how to use the "appendTo".
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 3 years 5 months ago by Joffm.
The topic has been locked.
- mfroehler
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
3 years 5 months ago #207423
by mfroehler
Replied by mfroehler on topic Change the position of the next button only on the welcome page
Just a quick follow up:
While the button sits to the left now, it sits right at the border of my container.
And it seems I'm too dumb to add a padding to it.
Can I give the button an id with JS, or can I attach a padding there, because so far my CSS changes don't seem to work.
Thanks again.
While the button sits to the left now, it sits right at the border of my container.
And it seems I'm too dumb to add a padding to it.
Can I give the button an id with JS, or can I attach a padding there, because so far my CSS changes don't seem to work.
Thanks again.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10109
- Thank you received: 3595
3 years 5 months ago - 3 years 5 months ago #207430
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Change the position of the next button only on the welcome page
It looks fine to me in vanilla, what theme are you using?
It already has an ID #ls-button-submit. You should be giving it some left margin, not padding.
Can you activate a sample survey so we can see what styles are affecting it?
It already has an ID #ls-button-submit. You should be giving it some left margin, not padding.
Code:
#navigator-container > .text-left #ls-button-submit { margin-left: 1.5em; }
Can you activate a sample survey so we can see what styles are affecting it?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 3 years 5 months ago by tpartner.
The topic has been locked.
- mfroehler
- Topic Author
- Offline
- New Member
Less
More
- Posts: 8
- Thank you received: 0
3 years 5 months ago #207433
by mfroehler
Replied by mfroehler on topic Change the position of the next button only on the welcome page
Works like a charm. It was for sure a problem on my side.
Thanks to you all might be able to get this survey to look nice before the go-live date.
Thanks to you all might be able to get this survey to look nice before the go-live date.
The topic has been locked.