xyz表格；在第一列上使用 [halfWidth] 时，如何让 "row" 的第二个 "column" 空闲

Question

我想要 xyzForm.cs 显示这样的一些字段：

"Line 1" Dropdown                        (leave free)
"Line 2" Field1                          Field2
"Line 3" Field3                          Field4

我的问题是关于（空闲）部分。是否有我可以用来强制 Field1 到下一行的声明性间隔符？

目前，为了将 Field1 放到第 2 行，我必须在第 1 行末尾提供下拉菜单全宽。

谨致问候，

约翰

Answer 1

我不知道任何声明方式。但是你可以写一些 css 关于使用第 1 行下拉列表的一半。

Answer 2

感谢@Victor Tomaili 的提示，我找到了以下解决方案：

如果要缩短（宽度）SF 下拉列表 (jquery Select2)，请使用以下代码：

this.form.<your field>.element.parent().find(".select2-container").find(".select2-choice").addClass("<your CSS classname which contains the desired width either in px or %");

Answer 3

也有一种声明方式

public class OrderForm
{
    [HalfWidth(UntilNext = true), LabelWidth(130, UntilNext = true)]
    public DateTime OrderDate { get; set; }
    [FormCssClass("line-break-sm")]
    public DateTime RequiredDate { get; set; }
}

ref https://serenity.is/blog/2018/05/16/multi-column-layout#line-breaking

xyz表格；在第一列上使用 [halfWidth] 时，如何让 "row" 的第二个 "column" 空闲

xyzForm; How to leave free the 2nd "column" of a "row" when using [halfWidth] on the 1st column

forms

serenity-platform