如果将鼠标移至托管元数据字段之一，则包含托管元数据列的元数据导航和过滤的“关键过滤器"字段将浮出布局. [英] The Metadata navigation and filtering's Key Filters fields which contain Managed metadata columns will float out of the layout if i move the mouse over one of the managed metadata fields

问题描述

我正在内部SharePoint场2013内的企业Wiki网站集中进行工作.现在，我启用了元数据导航和过滤站点功能，并添加了5个托管元数据站点列.然后我写了以下脚本/CSS来移动密钥 过滤要显示在页面顶部而不是显示在屏幕左侧的字段:-

I am working on an enterprise wiki site collection inside sharepoint farm 2013 on-premises. now i enable the metadata navigation and filtering site feature, and i added 5 managed metadata site columns. then i wrote the following script/css to move the key filters fields to be displayed on the top of the page instead of being shown on the left hand side of the screen:-

<script type="text/javascript">
$(document ).ready(function() {
 $("#idKeyFiltersContainer").appendTo("#DeltaPageStatusBar");
$ ("#idKeyFiltersHeader").insertAfter("#idKeyFiltersContainer");
$ ("<p></p>").insertBefore("#idKeyFiltersHeader");
$ ("<hr/>").insertAfter("#idKeyFiltersHeader");
$ ("<hr/>").insertBefore("#idKeyFiltersContainer");
});
</script>
<Style type="text/css">
.ms-KFHeadV3.ms-KFHead
{
display:none;
}
#navresizerHorizontalBar
{
display:none;
}
#ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAll
{
display:none;
}
.ms-tv.box {
display:none; /* Hide the Key filters until the jquery has moved the element */
margin-left:0px; /* Align the key element Div with "New Item buttons" */
    }
#idKeyFiltersContainer {
        width: auto !important; /* Stretch the background color for the key filter buttons */
    }
 .ms-KFLabelAndBodyContainer {
        display: inline-block;
        float: left;
width:fixed !important;
height:fixed !important;
    }
    #navresizerVerticalBarPositionHelper {
        display: none; /* Hides the vertical bar that allows stretching the left navigation */
    }
.ms-standardheader.ms-KFLabel
{
color:#008cd2;
font-weight:bold;
}
hr{ height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px  rgba(0, 0, 0, 0.5); }

</style>

现在，关键过滤器已正确移动到页面顶部，如下所示:-

now the key filters got moved correctly to the top of the page, as follow:-

但是当我将鼠标焦点移到标准"鼠标上时会出现问题.关键过滤器，其中关键过滤器将错误地浮动，如下所示:

but the problem will occur when i moved the mouse focus over the "standard" key filter, where the key filters will float wrongly as follow:-

现在在其他项目上，我使用相同的脚本/css移动关键筛选器，并且运行良好.但是在这些项目上，关键过滤器是下拉列表，而不是托管元数据列.有没有办法解决这个问题?因此关键过滤器在以下情况下不会浮动 我将鼠标移到它们上方?

now on other projects i use the same script/css to move the key filters and it is working well. but on those projects the key filters are drop-down lists and not managed metadata columns. so is there a way to fix this? so the key filters will not float when i move the mouse over them?

推荐答案

您好，

您可以定义表格并在表格中插入过滤器，这是示例代码供您参考.

<style type="text/css">
        .ms-KFHeadV3.ms-KFHead {
            display: none;
        }

        #navresizerHorizontalBar {
            display: none;
        }

        #ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAll {
            display: none;
        }

        .ms-tv.box {
            display: none; /* Hide the Key filters until the jquery has moved the element */
            margin- /* Align the key element Div with "New Item buttons" */
        }

        #idKeyFiltersContainer {
            width: auto !important; /* Stretch the background color for the key filter buttons */
        }

        .ms-KFLabelAndBodyContainer {
            display: inline-block;
            float: left;
            width: fixed !important;
            height: fixed !important;
        }

        #navresizerVerticalBarPositionHelper {
            display: none; /* Hides the vertical bar that allows stretching the left navigation */
        }

        .ms-standardheader.ms-KFLabel {
            color: #008cd2;
            font-weight: bold;
        }

        hr {
            height: 12px;
            border: 0;
            box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
        }
    </style>
    <script src="https://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">

(document).ready( 函数(){

(document).ready( function () {

(#idKeyFiltersContainer").appendTo(#DeltaPageStatusBar");

("#idKeyFiltersContainer").appendTo("#DeltaPageStatusBar");

这篇关于如果将鼠标移至托管元数据字段之一，则包含托管元数据列的元数据导航和过滤的“关键过滤器"字段将浮出布局.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！