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

【问题标题】：Orchard cms - custom forms - customize css for placementOrchard cms - 自定义表单 - 自定义 css 以进行放置
【发布时间】：2012-09-24 13:18:01
【问题描述】：

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

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

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

任何帮助将不胜感激。

【问题讨论】：

【解决方案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="">

【讨论】：

我还在学习...我在哪里可以找到表单小部件模板？我假设这是某处的某种 EditorTemplate？
我建议你安装 Orchard.DesignerTools link 这个工具会提供很多关于模板、形状和模型的信息。使用它来查找模板。您可以从 Orchard 后端安装该模块。这是一个关于如何使用它的视频教程link
好的，这有帮助，我已经创建了正确的文件来覆盖我的字段的 html，但是我在使用正确的 @model 指令时遇到了问题。我已从标准 EditorTemplate.cshtml 文件中复制了代码，但出现此错误：传递到字典中的模型项的类型为“IShapeProxyda2c3434d03f442dbeb352861788a0a0”，但该字典需要“Orchard.Fields.Fields.InputField
似乎有一个包含所有数据的嵌套模型值，这导致 html 帮助器出现进一步问题......例如 Model.Model.SelectedValues。