Как изменить размер переключателей в otree?

TEC спросил: 12 мая 2018 в 04:02 в: html

У меня есть таблица с различными переключателями в моем html-коде в otree. Однако отображаемые кнопки очень малы и, следовательно, трудно нажимать на объекты. Есть ли способ увеличить их размер? Это мой код:

{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Choice 1
{% endblock %}

{% block content %}
    <img src="{% static img_to_show %}"/>
    <table class="table">
        <tr>
            <th> </th><th> Amount </th><th> Game</th>
        </tr>
        {% for field in form %}
        <tr>
            <td>
                {{ field.label_tag }}
                {{ field.errors }}
            </td>
            <td><input type="radio" name="{{ field.html_name}}" value="True" required {% if field.value|stringformat:"s" == 'True' %}checked{% endif %}></td>
            <td><input type="radio" name="{{ field.html_name}}" value="False" required {% if field.value|stringformat:"s" == 'False' %}checked{% endif %}></td>
        </tr>
        {% endfor %}
    </table>
    {% next_button %}
{% endblock %}

1 ответ

Philipp Chapkovski ответил: 12 мая 2018 в 06:26

этот масштаб будет масштабироваться:

{% block styles %}
   <style>
      input[type=radio] {
        transform: scale(1.5);
        margin:10px;
      }
   </style>
{% endblock %}