2012-09-24 63 views
0

我刚刚进入果园cms,我想设置一个自定义窗体来获取一些用户的详细信息。果园cms - 自定义窗体 - 自定义css的放置

我有一个表单作为一个小部件工作,它回发很好,但我很难定制布局。

我可以找出如何改变字段的位置,但我想并排放置一些字段,而不是堆叠在上面,但是每个字段都包含在它自己的标记中,这个标记没有id或类名称与它关联,所以我无法调整每个个别字段的css属性。

任何帮助,将不胜感激。

回答

0

据我所知,您可以访问表单控件模板,在这种情况下:

最好的办法是添加一个类的字段,以便您可以定位与CSS的元素。

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

@class添加自定义类的输入元素产生这样的:

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

我还在学习...其中,我会找到表单控件模板?我假设这是某种EditorTemplate的某种地方? –

+0

我推荐你安装Orchard.DesignerTools [链接](http://gallery.orchardproject.net/List/Modules/Orchard.Module.Orchard.DesignerTools)这个工具会给出很多关于模板,形状和模型的信息。用它来寻找模板。您可以从Orchard Backend安装模块。这里是一个关于如何使用它的视频教程[链接](http://www.youtube.com/watch?v=rqBHH4Du1bc) – mberacochea

+0

好吧,帮助,我已经创建了正确的文件来覆盖我的领域的HTML,但我遇到了正确的@model指令。我已经从标准EditorTemplate.cshtml文件中复制了代码,但出现此错误:传入字典的模型项目类型为'IShapeProxyda2c3434d03f442dbeb352861788a0a0',但此字典需要一个'Orchard.Fields.Fields.InputField'类型的模型项目 –