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)

doesthiswork
Topic Author
Offline
Junior Member

More

2 months 2 weeks 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.

Attachments:

Please Log in to join the conversation.

tpartner
Offline
LimeSurvey Community Team

More

2 months 2 weeks 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.

doesthiswork
Topic Author
Offline
Junior Member

More

2 months 2 weeks 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.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans

Get started

Welcome to the LimeSurvey Community Forum

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

Lime-years ahead

Legal

About Us

Open Source