隐藏iframe中显示的Sharepoint自定义列表的标题

时间:2019-01-03 03:24:14

标签: javascript css sharepoint-2013

我有一个来自其他共享点站点(仍然是同一域)的自定义列表,我希望在其上显示我的工作站点而没有标题(至少,但是摆脱功能区也很不错)。我尝试了以下4种方法,但均未成功:

1)我什至无法通过在URL末尾添加?isdlg = 1(即..allitems.aspx?isdlg = 1)来使其在正常页面上正常工作

2),因为我主要使用SQL而不是HTML,所以我确定自己可能已经弄乱了一些标签。

<div class="ms-dlgFrameContainer">
<iframe width="1400" height="600" id="DlgFramee" class="ms-dlgFrame" frameborder="0" src="myurl.aspx">
<html class="ms-dialog">
<head>
<style type="text/css">
.ms-dialog #titleAreaBox { display:none }
</style>`

3)将页面的标题隐藏在iframe中。

<script type="text/javascript">
document.getElementById("myiframe1").contentWindow.document.getElementById("titlerow").style.display = "none"; </script>`

4)最有前途。当我添加

<iframe id="myiframe1" src="myurl" width="1000" height="450" frameborder="1"></iframe>
<style>
#titleAreaBox { display: none }
</style>

在与我的iframe相同的CEWP中,它将删除当前页面的标题区域,而不是iframe中的页面。这正是我想要的,除了我希望它对iframe中的页面执行此操作。

5)我也做到了这一点,即使只是尝试更改标题颜色,也没有注意到任何变化。我查找了正确的Webpart ID。

<style type="text/css">
#MSOZoneCell_WebPartWPQ2 .ms-WPHeader
{ background-color: pink; }
</style>

1 个答案:

答案 0 :(得分:1)

您可以尝试使用以下jQuery脚本,我只是将suiteBarTop隐藏在演示中。

<iframe id="myiframe" width="1400" height="600" id="DlgFramee" class="ms-dlgFrame" frameborder="0" src="/sites/tst/SitePages/Home.aspx"></iframe>

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#myiframe').load(function () {
                $(this).contents().find('#suiteBarTop').hide();
            });

        })        
    </script>