如何将SharePoint顶部导航定位到中心?

问题描述 投票:0回答:1

对于我正在处理的其中一个项目,我在门户网站上添加了一个母版页。基本上,创建的母版页是西雅图母版页的副本,并用其他东西重命名,因为将来客户端可能会要求添加页脚,标题等,这样可以在创建的母版页中轻松完成,而不是触摸默认的西雅图母版页。目前,创建的母版页没有添加任何自定义。

因此,根据第一个要求,他们现在想要将顶部导航栏居中,是否有一个简单的解决方案?只需更改对齐方式,可能是用于容纳顶部导航栏的容器?我已经提到了很多关于这个问题的链接,并且无法让任何这些链接起作用。我正在使用Office 365,所以如果有人知道如何处理这个问题,将非常感谢帮助。提前致谢。

navigation office365 master-pages sharepoint-online
1个回答
0
投票

导航中心非常简单。添加以下短片段的CSS。

.ms-breadcrumb-top {
    text-align: center;
}

如果您启用了发布功能,则只需使用“站点设置” - >“主页” - >展开“备用CSS URL”即可设置备用CSS。

如果没有,您可以使用代码设置备用CSS。例如。通过JSOM(还有PowerShell或CSOM)使用以下代码:

var context = new SP.ClientContext.get_current();
var web = context.get_web();

web.set_alternateCssUrl('/Style%20Library/custom.css');

web.update();
context.executeQueryAsync(onQuerySucceeded, onQueryFailed);

function onQuerySucceeded(){
    alert("Alternate CSS Successfully Set");
}

function onQueryFailed(error){
    console.log(error)
}

在这种情况下,带有上述代码段的CSS文件在“样式库”中保存为“custom.css”。

© www.soinside.com 2019 - 2024. All rights reserved.