- Posts: 18
- Thank you received: 0
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
- Topic Author
- Offline
- New Member
Less
More
1 year 2 months ago #239240
by Luca_W
Move button next to or over "next-button" was created 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!
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!
Attachments:
Please Log in to join the conversation.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
1 year 2 months ago - 1 year 2 months ago #239248
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 18
- Thank you received: 0
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!
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
1 year 2 months ago #239256
by Joffm
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
Replied by Joffm on topic Move button next to or over "next-button"
But, please, not in this part of the forum.ich kann natürlich auch auf Deutsch schreiben
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 18
- Thank you received: 0
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
1 year 2 months ago #239258
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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
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
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
- Topic Author
- Offline
- New Member
Less
More
- Posts: 18
- Thank you received: 0
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10634
- Thank you received: 3698
1 year 2 months ago #239297
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Move button next to or over "next-button"
Detect the welcome screen -
forums.limesurvey.org/forum/design-issue...-hide-display#227851
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12790
- Thank you received: 3940
1 year 2 months ago #239302
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Move button next to or over "next-button"
You can do it like this
using tpartner's link
You see the third variable V3. I used this to change the text of the button.
Joffm
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.