Assigned with the task of implementing a specific method on a SharePoint 2013 site. Let's dive in.
Situation: - Within a page on a SharePoint 2013 site, there is a "content editor" web part that displays a page from the same domain/site collection. The code below (not authored by me) has been inserted into the content editor and successfully displays the page.
Challenge - My objective is to remove the global navigation from the page within the content editor, presumably done through an Iframe. Using F12 dev tools in IE11, I have identified the CSS class ms-dialog #globalNavBox and set its display to "none", achieving the desired look.
The only hurdle remaining is how to execute this action using some form of code on the embedded page itself.??
This is the current code used in the content editor to display the page for modification:
#mydiv{
width:1280px; height:1000px;
overflow:hidden;
;
}
#myframe{
;
top:-190px;
left:-100px;
width:1080px;
height:1000px;
}
</style>
<div id="mydiv">
<iframe id="myframe" src="/gen/genInduction/Lists...blah scrolling="no"></iframe> </div>
As of now, I am unsure of how to include the code (if possible) to remove the css .ms-dialog #globalNavBox {display: none;} so that upon page display, the global navigation is eliminated.
I trust this explanation clarifies my situation, as it marks my first time seeking assistance on this platform. Despite extensive prior research, attempts to resolve this issue have been unsuccessful as the solution eludes me.