SharePoint 2013内联面包屑控件 [英] SharePoint 2013 Inline Breadcrumb Control

问题描述

我能够正确显示我的面包屑作为示例

I'm able to get my breadcrumbs to display correctly as example

Home>测试>文件

Home > Test > Documents

然而，当进入任何网站的网站设置时，面包屑控件正在使用S4-breadcrumbRootNode，因此垂直显示而不是像上面那样横向显示：

However when going into site settings of any site the breadcrumb control is using the S4-breadcrumbRootNode therefore displaying vertically instead of horizontally like above:

首页

|>

网站设置

Home
|>
Site Settings

推荐答案

这是因为应用程序页面正在使用另一个母版页。"站点设置"页面是应用程序页面。

您可以在C中编辑页面：\Program Files \Common Files \ microsrosoft shared \ Web Server Extensions \\\\\\\\\\\\\\\\\\\文件夹，在< asp：Content
contentplaceholderid =" PlaceHolderMain" runat =" server"> tag：

<script>

var divs = document.getElementsByClassName("s4-breadcrumb-arrowcont ");

for (var i = 0; i < divs.length; i++) {

  divs[i].getElementsByTagName('img')[0].src = "/_layouts/15/images/menu-right.gif?rev=30";

}

</script>

<style>

* hide separator before root node */

.s4-breadcrumbRootNode > .s4-breadcrumb-arrowcont {

 display: none;

}

ul.s4-breadcrumb ul,

ul.s4-breadcrumb li {

 display: inline;

}

/* spacing around separator arrow */

.s4-breadcrumb-arrowcont {

 margin: 0 10px;

}

/* fix separator img alignment */

.s4-breadcrumb-arrowcont > span.s4-breadcrumb {

 display: inline !important;

 

 

}

/* fix separator img alignment */

.s4-breadcrumb-arrowcont > span.s4-breadcrumb img {

 

}

</style>

最好的问候，

Linda  Zhang

这篇关于SharePoint 2013内联面包屑控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！