- Posts: 23
- Thank you received: 2
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
How to best start coding my own questions
- Omti90
-
Topic Author
- Offline
- Junior Member
-
- tpartner
-
- Away
- LimeSurvey Community Team
-
- tpartner
-
- Away
- LimeSurvey Community Team
-
- Omti90
-
Topic Author
- Offline
- Junior Member
-
- tpartner
-
- Away
- LimeSurvey Community Team
-
3 years 2 months ago - 3 years 2 months ago #211876
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 How to best start coding my own questions
You could use <inputtype>integer</inputtype> but if values are limited to 1-5, I would use <inputtype>buttongroup</inputtype>....what do I need to make it accept only (natural) numbers? Also is there some way to restrict these numbers? Like from 1-5?
Code:
<attribute> <name>custom_attribute_2</name> <category>Custom options</category> <sortorder>1</sortorder> <inputtype>buttongroup</inputtype> <options> <one>1</one> <two>2</two> <three>3</three> <four>4</four> <five>5</five> </options> <default>three</default> <help>Just another test attribute...</help> <caption>Test attribute 2</caption> </attribute>
You will need to develop CSS in conjunction with the HTML elements introduced via TWIG or JavaScript.Or would I need to define additional style elements in the css first?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Last edit: 3 years 2 months ago by tpartner.
- Omti90
-
Topic Author
- Offline
- Junior Member
-
3 years 2 months ago #211936
by Omti90
Replied by Omti90 on topic How to best start coding my own questions
Thank you very much,the xls script works great. I've been trying to make it show my own text windows, but I'm a bit stumped how this works exactly.
But for some reason, it doesn't appear in the styling stuff I put in the css. (Which is admittedly rather random, but I figured it'd show at least something) I assume I made some really basic and stupid mistake here, but I'm not sure what that might be.
I tried to create some custom text field in css with the script above and then show it using the following twig code..card-sort-question .new-Text
{
position: absolute;
width: 20%;
max-width: 340px;
height: 120px;
border: 2px solid rgb(19, 170, 64);
background: #db1313;
}
I added the orange lines. This does sort of work since it prints the "labels" about where I would expect them.{% set names = question_template_attribute.area_names|split(',') %}
{% set labels = question_template_attribute.columnLabel %}
{% set columns = question_template_attribute.columnCount %}
<div class="card-sort-outer-wrapper">
<div class="droppable items-start"></div>
<div class ="new-Text">{{labels}}</div>
<div class="items-end-wrapper">
{% for index, item in names %}
<div class="items-end-inner">
<div class="items-end-text">{{item|trim}}</div>
<div class="droppable items-end items-end-{{index+1}}" data-items-end="{{index+1}}"></div>
</div>
{% endfor %}
</div>
</div>
But for some reason, it doesn't appear in the styling stuff I put in the css. (Which is admittedly rather random, but I figured it'd show at least something) I assume I made some really basic and stupid mistake here, but I'm not sure what that might be.
- tpartner
-
- Away
- LimeSurvey Community Team
-
- Omti90
-
Topic Author
- Offline
- Junior Member
-
- tpartner
-
- Away
- LimeSurvey Community Team
-
- ollehar
-
- Offline
- LimeSurvey GmbH Employee
-
- Omti90
-
Topic Author
- Offline
- Junior Member
-
3 years 1 month ago #212722
by Omti90
I figured I'd just have to use the same names in the twig and the css, but that doesn't seem to be the case.
This is how it looks in the developer tools for my custom class I've renamed into "aslfo" just in case that the "new" or "Text" in "new-Text" were some predefined keywords that were mucking everything up (that doesn't seem to be the case).
As you can see the custom class isn't affected by the style I've defined in the cardsort.css.
I'm quite stumped what I'm missing here. What do I need to do to make the class I'm defining in the twig use the styling from the css?
Replied by Omti90 on topic How to best start coding my own questions
I tried that, also tried changing the browser, but it remains unaffected. I'm not sure what I need to do to make some class in the twig use the styling I've defined in the css.tpartner wrote: Completely clear the browser cache and refresh?
I figured I'd just have to use the same names in the twig and the css, but that doesn't seem to be the case.
This is how it looks in the developer tools for my custom class I've renamed into "aslfo" just in case that the "new" or "Text" in "new-Text" were some predefined keywords that were mucking everything up (that doesn't seem to be the case).
As you can see the custom class isn't affected by the style I've defined in the cardsort.css.
cardsort.css
I'm quite stumped what I'm missing here. What do I need to do to make the class I'm defining in the twig use the styling from the css?
cardsort.twig
- tpartner
-
- Away
- LimeSurvey Community Team
-