Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

How to add save and resume later to navbar without sub-menu (fruity_twentythree)

More
2 years 7 months ago #255801 by doesthiswork
How to add save and resume later to navbar without sub-menu (fruity_twentythree) was created by doesthiswork
Your LimeSurvey version: 6.4.5+240205 
Own server
Survey theme/template: fruity_twentythree
==================
Hi,
I am currently moving surveys from Limesurvey 3 to 6. I am enjoying the new theme fruity_twentythree. What I am missing though, is the save and resume later button at the top in the navbar. It is now hidden behind ... at the top right.

Can some point me into the right direction, on how to restore the old navbar from fruity.

I checked the design and extended the fruity_twentythree, but I didn't find anything useful.

The only thing that leads me to think I am in the right place is the layout_global.twig
Code:
                {# Bootstrap Navigation Bar: the top menu #}                 {% block nav_bar %}                     {{ include('./subviews/header/nav_bar.twig') }}                 {% endblock %}

I did the same with the fruity theme and it had the exact same code snippet.

 

Please Log in to join the conversation.

Partner Banner
More
2 years 7 months ago #255809 by tpartner
Replied by tpartner on topic How to add save and resume later to navbar without sub-menu (fruity_twentythree)
1) Extend the theme.

2) Something like this in nav_bar.twig:

Code:
{% if not aSurveyInfo.popupPreview %} <!-- Bootstrap Navigation Bar --> <div id="survey-nav" class="navbar fixed-top"> <div class="container-fluid col-xl-8"> {% if( aSurveyInfo.options.brandlogo == "on") %} <div class="navbar-brand logo-container d-none d-md-block"> {{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-fluid"}) }} </div> {% endif %} <div id="navbar-menu" class="dropdown ms-auto ls-no-js-hidden"> {% if( aSurveyInfo.aNavigator.load.show == "Y" or aSurveyInfo.aNavigator.save.show == "Y" or ((aSurveyInfo.bShowClearAll == true or aSurveyInfo.bShowClearAll == null) and aSurveyInfo.options.showclearall == 'on') or aSurveyInfo.aQuestionIndex.bShow == true or aSurveyInfo.alanguageChanger.show == true) %} <ul id="main-dropdown" class=""> {{ include('./subviews/navigation/language_changer_top_menu.twig') }} {{ include('./subviews/navigation/save_links.twig') }} {{ include('./subviews/navigation/question_index_menu.twig') }} {{ include('./subviews/navigation/clearall_links.twig') }} </ul> {% endif %} </div> <ul id="back-content" class="d-none"></ul> </div> </div> {% endif %}

3) Something like this in custom.css:

Code:
#survey-nav ul { list-style: none; } #survey-nav ul li { display: inline-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
2 years 7 months ago #255848 by doesthiswork
Replied by doesthiswork on topic How to add save and resume later to navbar without sub-menu (fruity_twentythree)
Worked like a charm! Thank you so much.

Added following line to the custom.css as well, to make it look a little more like Limesurvey 3
Code:
.nav-link {     color: #777;     font-size: 1.3rem; }

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source