xyzForm;在第一列上使用[halfWidth]时如何释放“行”的第二个“列”

问题描述

我想让xyzForm.cs显示如下字段：

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

我的问题是关于（免费）部分。是否有一个声明性的空格或类似的内容，可以用来强制将Field1向下移动到下一行？

当前，我必须给Dropdown提供完整的宽度，直到第1行的末尾，才能将Field1降到第2行。

以诚挚的问候，

约翰

解决方法

我不知道任何声明方式。但是您可以编写一些CSS，以仅将第一行的一半用于下拉。

,

也有一种声明方式

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

,

由于@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 %");