复选框组如何能自动换行?不要显示在一行,再拐弯到下一行

我做了一个答题的页面,多选题使用了复选框组,放在一个单元格里,程序运行没有什么问题,就是界面设置不太美观:

1、复选框组的选项不能自动换行,一个选项占一行;

2、复选框所在的单元格无法根据选择来自动调整行高。

截图如下:

image.png


我把附件上传,供大家研究

试题-app.cpt


我的为什么没有像shiroko大神的“展示列数”功能?

image.png

简道云 nhb2318 发布于 2020-5-31 13:47 (编辑于 2020-5-31 21:48)
1min目标场景问卷 立即参与
回答问题
悬赏:4 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
nhb2318Lv4初级互助
发布于2020-6-18 18:27

帆软没有办法,我是通过计算每行的字数,然后添加回车符搞定的

最佳回答
0
孤陌Lv6资深互助
发布于2020-5-31 14:01(编辑于 2020-5-31 14:27)

这个实现不了  只能说 你调整列宽 一行显示出来全部的选项

最佳回答
0
丶尛伟Lv6初级互助
发布于2020-5-31 15:47

通过SPLIT、CONCATENATE对文本进行重新分割和拼接

  • nhb2318 nhb2318(提问者) 你说的具体是什么意思?可不可以帮我改改CPT?注意一定要在移动端啊,我这是移动端使用
    2020-05-31 21:58 
最佳回答
0
shirokoLv6资深互助
发布于2020-5-31 16:30

image.png去掉自适应,展示1列。

自动调整行高没办法

  • nhb2318 nhb2318(提问者) 我为什么没有展示列数这一列?你的是什么版本?
    2020-05-31 21:46 
  • shiroko shiroko 回复 nhb2318(提问者) 去掉自适应啊
    2020-06-01 08:48 
  • nhb2318 nhb2318(提问者) 回复 shiroko 行高是死的,不能调
    2020-06-03 22:29 
最佳回答
0
luojian0323Lv7资深互助
发布于2020-5-31 17:10

将下面的代码添加到控件初始化事件中:

setTimeout(function(){$(".fr-group-span").after("<br>");},100)
var el = $(this.element);
var f = function() {
var w = 0;
var cs = el.children();
if (cs.length == 0) {
  setTimeout(f, 100);
  return;
}
for (var i=0; i<cs.length; i++) {
  w += cs.eq(i).width() + 5;
}
el.css({
  width: w,
  //'margin-left': 'auto',
  'margin-right': 'auto',
  'height':' auto', 
});
}
setTimeout(f, 100);


  • 孤陌 孤陌 66666
    2020-05-31 19:09 
  • nhb2318 nhb2318(提问者) 你这个在PC端可以,但是在移动端让人无语啊
    2020-05-31 21:57 
  • 4关注人数
  • 1893浏览人数
  • 最后回答于:2020-6-18 18:27
    请选择关闭问题的原因
    确定 取消
    返回顶部