orchardcms - Orchard cms - 自定义表单 - 自定义 css 以进行放置

Question

我刚刚进入果园 cms，我想设置一个自定义表单来获取一些用户详细信息。

我有一个作为小部件工作的表单，它可以很好地回发，但我很难自定义布局。

我可以弄清楚如何向上或向下更改字段的位置，但我想并排放置一些字段而不是彼此堆叠，但是每个字段都包含在它自己的标签中，这个标签没有 id或与之关联的类名，因此我无法调整每个单独的字段 css 属性。

任何帮助，将不胜感激。

Answer 1

据我了解，您可以访问表单小部件模板，在这种情况下：

最好的方法是向字段添加一个类，以便您可以使用 css 定位元素。

@Html.TextBoxFor(m => m.Field, new { @class = "custom-class"})

@class 将自定义类添加到生成此的输入元素：

<input class="custom-class" id="Field.Id" name="Field.Title" type="text" value="">