Скрыть заголовок пользовательского списка Sharepoint, отображаемый в iframe - PullRequest
Новая
       14

Скрыть заголовок пользовательского списка Sharepoint, отображаемый в iframe

0 голосов
/ 03 января 2019

У меня есть собственный список с другого сайта sharepoint (все тот же домен), который я хотел бы отобразить на своем рабочем сайте без заголовка (как минимум, но было бы неплохо избавиться и от ленты).Я попытался 4 метода без успеха, перечисленных ниже:

1) Я даже не могу заставить его работать на обычной странице, добавив? Isdlg = 1 в конец моего URL (то есть ..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>

в том же CEWP, что и мой iframe, он удаляет область заголовка для текущей страницы, а не страницу в iframe.Это именно то, что я хочу, за исключением того, что я хочу, чтобы это делалось для страницы внутри iframe.

5) Я тоже так делал, даже пытаясь изменить цвет заголовка, но не заметиллюбое изменение.Я нашел правильный идентификатор веб-части. 

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

1 Ответ

0 голосов
/ 03 января 2019

Вы можете попробовать ниже скрипт 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>
...