Welcome to the LimeSurvey Community Forum

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

Move button next to or over "next-button"

  • Luca_W
  • Luca_W's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago #239240 by Luca_W
Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Community Edition
Version 3.28.29+220920
==================
Hey :) 

I've created a button and want to move it to the left of the "next-button" or above the "next-button". I tried adding "position: absolute" to my button style and move the button to where I want it, but it's messed up on other browsers/devices. I've added a small sample, the button labeled "Text anzeigen" is the one I'm trying to reposition.

Thanks a lot!

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago - 1 year 2 months ago #239248 by Joffm
Replied by Joffm on topic Move button next to or over "next-button"
Do you want something like this?
 

You have to adapt the "navigator.twig".
Add a col before the "col-xs-6" of the submit button and adapt the col size.
As LimeSurvey is bases on the bootstrap library read here 
[url] getbootstrap.com/docs/3.3/css/#grid [/url]
about the grid system of bootstrap

As I said before:
[url] forums.limesurvey.org/forum/can-i-do-thi...with-a-button#234175 [/url]
I am tired to discuss this in English.

Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 1 year 2 months ago by Joffm.

Please Log in to join the conversation.

  • Luca_W
  • Luca_W's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago #239254 by Luca_W
Replied by Luca_W on topic Move button next to or over "next-button"
Hey :)

ich kann natürlich auch auf Deutsch schreiben: ja das sieht so aus, wie ich es gerne hätte! Ich habe die Erklärung unter dem Link gelesen und auch eine col hinzugefügt, aber weiß nicht, wie ich dort meinen Button einfüge. Ich brauche ihn auch nur auf einigen Seiten und die genaue Gruppe, zu der der Button springen soll, unterscheidet sich jedes mal. Da ich Anfängerin mit Limesurvey bin weiß ich nicht, wie ich dies umsetze und bin für jede Hilfe dankbar!

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago #239256 by Joffm
Replied by Joffm on topic Move button next to or over "next-button"

ich kann natürlich auch auf Deutsch schreiben

But, please, not in this part of the forum.

Here we write English.
For German use the German part.

Joffm
 

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

Please Log in to join the conversation.

  • Luca_W
  • Luca_W's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago #239257 by Luca_W
Replied by Luca_W on topic Move button next to or over "next-button"
I'm sorry but I don't understand what you are suggesting. I can post the question in german on the german forum, but I don't want to double post and I assume there are more people who could help me in the english speaking forum.

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago #239258 by Joffm
Replied by Joffm on topic Move button next to or over "next-button"
But then please explain again your workflow.
I am sure nobody remembers your previous question about this.

Though you doid not explain it here (but I remember) here a quick example.

In the navigator.twig you add the button
Code:
    <div class="col-xs-4 text-right">
      <button class="{{ processString('{V1}') }} button btn btn-warning btn-lg" name="move" type="submit" value="{{ processString('{V2}') }}">Text anzeigen</button>
    </div>  
    <div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-xs-2 text-right">
 
        {# Next button is not always shown (last page, all in one mode, etc) #}
...

V1 and V2 are two hidden questions and you set the values by equations.
So if the button is hidden, V1 contains the value "hidden", if it is visible V1 is empty.
like 
eqV1a: {V1="hidden"}
and when the button is to be displayed, at the beginning of the group:
eqV1b: {V1=""} {V2=5}
And you can add the necessary values for the step in the same equation.

You see, I do not like an unnecessary language gap.
 

 



Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Luca_W

Please Log in to join the conversation.

  • Luca_W
  • Luca_W's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 2 months ago #239279 by Luca_W
Replied by Luca_W on topic Move button next to or over "next-button"
Great thank you, that worked well :) can I hide the "Text anzeigen" button on the welcome page too? If not I could of course also just disable the welcome page and put the welcome message in the first group. 
 

Please Log in to join the conversation.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago #239297 by tpartner
Replied by tpartner on topic Move button next to or over "next-button"

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

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 2 months ago #239302 by Joffm
Replied by Joffm on topic Move button next to or over "next-button"
You can do it like this
using tpartner's link
Code:
{% if (aSurveyInfo.aNavigator.show and aSurveyInfo.include_content != 'firstpage')  %}
    <!-- If NOT in the Welcome page -->
    <div class="col-xs-4 text-right">
      <button class="{{ processString('{V1}') }} button btn btn-warning btn-lg" name="move" type="submit" value="{{ processString('{V2}') }}">{{ processString('{V3}') }}</button>
    </div>  
    <div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-xs-2 text-right">
{% else %}
    <!-- If in the Welcome page -->
    <div class="{{ aSurveyInfo.class.navigatorbuttonr }} col-xs-6 text-right">
{% endif %}    

You see the third variable V3. I used this to change the text of the button.

Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Luca_W

Please Log in to join the conversation.

Lime-years ahead

Online-surveys for every purse and purpose