标签下方均匀分布的水平单选按钮

时间:2018-11-27 21:49:10

标签: css django otree

对于用户表格,我需要几个李克特项目。 (评估意见程度的问题。底部的示例)
我需要使用在Django上大量构建的oTree库。希望尽可能少地偏离oTree的解决方案。

RadioSelectHorizontal小部件在这里似乎是显而易见的选择。但是与默认值有两个区别是强制性的:

  1. 选项标签(“同意”,“中立”等)必须位于单选按钮的正下方。
  2. 单选按钮必须均匀分布。 (理想情况下,它们在整个页面上对齐)


相比之下,默认外观将在单选按钮之间带有标签,并且仅允许每个标签所需的空间小


enter image description here


代码:

question_1 = models.IntegerField(widget=widgets.RadioSelectHorizontal, 
                                 label="some question", 
                                 choices=[[1, "strongly disagree"], [2, "disagree"], [3, "neutral"], [4, "agree"], [5, "strongly agree"]])


我该如何处理?

django文档提到了几种方法,即自定义小部件,自定义CSS等。但是据我所知,oTree比django更加受限制。


为说明起见,满足两个要求的示例:


enter image description here

0 个答案:

没有答案