Welcome to the LimeSurvey Community Forum

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

How to center or customize the 'Submit' button in a one-page survey

alpaalpa
Topic Author
Offline
New Member

More

3 weeks 2 days ago #271438 by alpaalpa

How to center or customize the 'Submit' button in a one-page survey was created by alpaalpa

Please help us help you and fill where relevant:
LimeSurvey version: Community Edition Version 6.15.5+250724
Own server or LimeSurvey Cloud: Own Server
Survey theme/template: fruity/ls_lens
==================
My apology that this question has been asked several times, but for much older version of the survey.

I have a 1-page survey. I want to know how to center the submit button, as well as to remove the 'Previous' button. Previous responses involve modifying the 'navigator.twig' file. In my version of the software, navigator.twig is referenced in the Question -> main.twig. However, when I extend a theme, I do not see the file 'navigator.twig' being copied in the extended theme.

What's the proper way to edit the 'navigator.twig' file? It's not exposed in the GUI.

Perhaps someone has a complete solution for centering the 'Submit' button (and changing the text) for 6.x version of LS?

Thanks.

Please Log in to join the conversation.

Joffm
Away
LimeSurvey Community Team

More

3 weeks 1 day ago #271439 by Joffm

Replied by Joffm on topic How to center or customize the 'Submit' button in a one-page survey

This "navigator.twig" is on the "navigation" page

Change this line
<div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-6 text-end">
to
<div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-12 text-center">

The "previous" button is hidden by default in a "all on one page" survey.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

The following user(s) said Thank You: alpaalpa

Please Log in to join the conversation.

Maddy01
Offline
New Member

More

1 week 11 hours ago #272490 by Maddy01

Replied by Maddy01 on topic How to center or customize the 'Submit' button in a one-page survey

In LimeSurvey 6.x you won’t see navigator.twig directly in your extended theme — you need to manually copy it from the core theme (/application/views/survey/navigator.twig) into your extended theme’s /views/survey/ folder, then edit it there. To center the submit button, add a CSS rule in your extended theme’s custom.css like:
button.submit {
display: block;
margin: 0 auto;
}
To remove the Previous button, either delete its block in your copied navigator.twig or hide it with CSS:
button.prev { display: none !important; }

Please Log in to join the conversation.

Joffm
Away
LimeSurvey Community Team

More

1 week 9 hours ago #272492 by Joffm

Replied by Joffm on topic How to center or customize the 'Submit' button in a one-page survey

In LimeSurvey 6.x you won’t see navigator.twig directly in your extended theme

You do (here 6.15.11)

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Joffm
Away
LimeSurvey Community Team

More

1 week 7 hours ago #272497 by Joffm

Replied by Joffm on topic How to center or customize the 'Submit' button in a one-page survey

Maybe you only extended the theme and tried to find this "twig" in the file system.
And you are right: You won't find it; that's because of the inheritance system.

But if you edit the twig in the theme editor and save it this file is copied to the folder of the extended theme.