- Posts: 23
- Thank you received: 2
Ask the community, share ideas, and connect with other LimeSurvey users!
Topic Author
Topic Author
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?
<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?
Topic Author
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>
Topic Author
Topic Author
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?
