Silverstripe Userforms自定义模板(+ bootstrap)

时间:2017-07-06 10:20:41

标签: php silverstripe

我有一个使用Silverstripe CMS(3.6.1),Framework(3.6.1)的网站。我有一个包含大量字段的大页面。我正在使用UserForms模块(4.0)。

我的问题是: 我可以格式化这些字段在模板上的显示方式吗?因为我想使用引导网格,所以我可以有一个自定义格式:一些行有3个输入(col-md-4)和其他行(col-md-6)。根据我必须转换的PSD格式。

EDIT1:

我注意到我可以在组内添加Field。所以我做的是: 对于有3个输入的行,我添加了一个包含3个字段的组,依此类推。

也许这可能会有所帮助?

1 个答案:

答案 0 :(得分:2)

一个选项(核)是您可以将let sidePanelOpen = false; let urls = [ 'https://images.unsplash.com/photo-1498898733745-c8c6df58e4ba', 'https://images.unsplash.com/photo-1499006619764-59e5b0c0e7ca', 'https://images.unsplash.com/photo-1498503603722-8de8df0beb96' ]; function openNav() { document.getElementById("accordion").style.width = "60vw"; document.getElementById("splash").style.width = "40vw"; document.getElementById("splash").style.marginRight = "60vw"; document.getElementById("splash").style.opacity = ".5"; } function closeNav() { document.getElementById("accordion").style.width = "0"; document.getElementById("splash").style.width = "100vw"; document.getElementById("splash").style.marginRight = "0"; document.getElementById("splash").style.opacity = "1"; let item = urls[Math.floor(Math.random()*urls.length)]; document.getElementById("splash").style.backgroundImage = "url(" + item + ")"; } document.querySelector("#nav-toggle").addEventListener("click", function() { this.classList.toggle("active"); sidePanelOpen = !sidePanelOpen; sidePanelOpen ? openNav() : closeNav(); }); 文件夹中的模板复制到主题中,或userforms/templates并根据需要修改它们。

请注意,在执行此操作时,您将负责向后移植任何更改,因为userforms模块会在下面更新。

如果您需要,还可以使用mysite/templatesSee here来添加额外的CSS类。我相信4.0.x版本可能不适用于每个领域,所以我首先建议升级到最新版本(目前是4.4.0)。

作为参考,the CWP "starter" theme使用Bootstrap并与userforms一起使用 - 这涉及一些模板复制。请注意,您可能无法公开查看此存储库。