I was wondering if someone could tell me how to move the progress bar into the top container.
The current template is the fruity one and I have attached an image of where I would like it to go.
This would hopefully then move the question up on the page as well.
I am not up to speed with TWIG templating so any help is appreciated.
Version Version 3.25.1+201124
Theme : LimeSurvey Fruity Theme with some CSS customisation for question appearance
Hi,
I moved the content of "progress_bar.twig" to "nav_bar.twig" with one change betweemn the logo and the "save", "clearall", etc. links.
I changed "container-fluid" to "container"
Code:
{# do not show on "completed/thank you page" page #}
{% if not aSurveyInfo.aCompleted %}
<!-- Top container -->
<div class="{{ aSurveyInfo.class.topcontainer }} space-col" {{ aSurveyInfo.attr.topcontainer }} >
<div class="{{ aSurveyInfo.class.topcontent }} container" {{ aSurveyInfo.attr.topcontent }} >
{% if aSurveyInfo.format != 'A' and aSurveyInfo.showprogress is defined and aSurveyInfo.showprogress == 'Y' %}
{{ registerPublicCssFile('lime-progress.css') }}
{% set progressValue = ( aSurveyInfo.progress.total > 0 ) ? intval( (aSurveyInfo.progress.currentstep - 1) / aSurveyInfo.progress.total * 100 ) : 0 %}
<div class="{{ aSurveyInfo.class.progress }}" {{ aSurveyInfo.attr.progress }}>
<div class="{{ aSurveyInfo.class.progressbar }}" {{ aSurveyInfo.attr.progressbar }} role="progressbar" aria-valuenow="{{ progressValue }}" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: {{ progressValue }}%;">
{{ progressValue }}%
</div>
</div>
{% endif %}
</div> <!-- must hide it without javascript -->
</div>
{% endif %}
I know there is a bit more styling necessary.
But it's something to begin with.
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless