Static footer on welcome page hides the next button

More
6 months 1 week ago #155417 by HeikoTietze
HeikoTietze created the topic: Static footer on welcome page hides the next button
I prepared a template based on "default" with a footer that contains legal stuff and the org logo.
<nav class="navbar navbar-default navbar-fixed-bottom" id="bottomsurveymenubar">
    <div id="footer" style="color:white; font-size: 75%; padding: 1em;">
        <img src="{TEMPLATEURL}/files/libreoffice.png" height="50" style="float: left; margin: 0 20px 20px 0;"> Text...
    </div>
</nav>

Looks nice on my screen but on mobiles the next button isn't available anymore as it is hidden behind this navbar. An example with a planned survey is here: survey.documentfoundation.org/492228?newtest=Y&lang=en

What can I do?

Please Log in to join the conversation.

More
6 months 1 week ago #155419 by tpartner
tpartner replied the topic: Static footer on welcome page hides the next button
Where did you insert that? It seems to me that it should be in endpage.pstpl, right before the Bootstrap alert element.

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
6 months 1 week ago #155421 by HeikoTietze
HeikoTietze replied the topic: Static footer on welcome page hides the next button
It was at the end of welcome.pstpl but when I move it to endpage.pstpl just before <div id="bootstrap-alert-box-modal" class="modal fade"> nothing changes for the Next button, except that the footer is now on all pages (the referenced survey is updated to this now).

Please Log in to join the conversation.

More
6 months 1 week ago #155423 by tpartner
tpartner replied the topic: Static footer on welcome page hides the next button
Okay, I didn't realize you only want it on the welcome screen.

It needs to be after the survey outer-frame so I would leave it in endpage.pstpl and use JavaScript and CSS to only show it in the welcome screen.

Add this script into the source of the welcome message - it will add a class to the <body> element in that screen that we can target with CSS:
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('body').addClass('welcome'); 
	});
</script>

Add this to the end of template.css - it will remove the fixed positioning of the footer so stuff doesn't flow behind it and hide it on all screens except the welcome:
#bottomsurveymenubar{
	display:none;
	position: relative;
}
 
body.welcome #bottomsurveymenubar {
	display:block;
}

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
6 months 1 week ago #155424 by DenisChenu
DenisChenu replied the topic: Static footer on welcome page hides the next button
Hi,

Great documentfondation use limesurvey :).

Here, i think best is to deactivate fixed position of the footer for phone.

Simplest way seems to be
.outerframeContainer{padding-bottom: 150px}
@media (min-width: 768px) {
  .navbar-fixed-bottom {position: relative;  }
  .outerframeContainer{padding-bottom: 14px}
}

It's what i do in a lot of system absolute position for desktop (with a padding) and relative for

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand (or search sondages pro).
An error happen ? Before make a new topic : remind the Debug mode .

Please Log in to join the conversation.

More
6 months 1 week ago #155427 by tpartner
tpartner replied the topic: Static footer on welcome page hides the next button
My styles do disable the fixed positioning.

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: DenisChenu

Please Log in to join the conversation.

More
6 months 1 week ago #155428 by HeikoTietze
HeikoTietze replied the topic: Static footer on welcome page hides the next button
>Add this script into the source of the welcome message...

I guess you talk about the variable field, which implies I'd have to add the code with every survey. And have to place some pieces of code around the quite complex templates where I never find them again. Would try a simpler solution first, either DenisChenu's idea (when I understand where to place this snippet) or maybe also to have this panel at the top on the first page.

Please Log in to join the conversation.

More
6 months 1 week ago #155430 by tpartner
tpartner replied the topic: Static footer on welcome page hides the next button

I guess you talk about the variable field, which implies I'd have to add the code with every survey.

To apply it to all surveys, you can place this in template.js.

$(document).ready(function() {
	if($('#welcome-container').length > 0) {
		$('body').addClass('welcome'); 
	}
});

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: HeikoTietze

Please Log in to join the conversation.

More
6 months 1 week ago #155432 by HeikoTietze
HeikoTietze replied the topic: Static footer on welcome page hides the next button
Works like a charm :-)

Please Log in to join the conversation.

More
6 months 1 week ago #155435 by tpartner
tpartner replied the topic: Static footer on welcome page hides the next button
Happy to help, and I agree with Denis - it's great to see LibreOffice using LimeSurvey.

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
6 months 1 week ago - 6 months 1 week ago #155517 by holch
holch replied the topic: Static footer on welcome page hides the next button
In my opinion Open Source projects should try to use as much as open source software as possible. But unfortunately I see so many projects that rather go for the Monkeys...

So it is great to see LibreOffice using LS!

I'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds
Last Edit: 6 months 1 week ago by holch.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!