我有一个使用Silverstripe CMS(3.6.1),Framework(3.6.1)的网站。我有一个包含大量字段的大页面。我正在使用UserForms模块(4.0)。
我的问题是: 我可以格式化这些字段在模板上的显示方式吗?因为我想使用引导网格,所以我可以有一个自定义格式:一些行有3个输入(col-md-4)和其他行(col-md-6)。根据我必须转换的PSD格式。
EDIT1:
我注意到我可以在组内添加Field。所以我做的是: 对于有3个输入的行,我添加了一个包含3个字段的组,依此类推。
也许这可能会有所帮助?
答案 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/templates
等See here来添加额外的CSS类。我相信4.0.x版本可能不适用于每个领域,所以我首先建议升级到最新版本(目前是4.4.0)。
作为参考,the CWP "starter" theme使用Bootstrap并与userforms一起使用 - 这涉及一些模板复制。请注意,您可能无法公开查看此存储库。