Press the
F12 Key
, and click "Internet Explorer X Compatibilty Mode" and change to latest non-compatibility mode from the dropdown
Defaulting to compatibility mode is a byproduct of IE's "intranet" settings. While testing internally, you will experience this issue, even on closing and re-opening a browser window. EXTERNAL USERS WILL NOT EXPERIENCE THIS ISSUE. Please don't file issues about Compatibility mode unless you can replicate outside of NY networks. Thanks.
!!! Place this code at the very top of your site, outside of any container divs, and as close to the opening <body> tag as possible. The header should expand to 100% of the screen width, even if your current site has a fixed width. !!!
<iframe id="nygov-universal-navigation-frame" class="nygov-universal-container" width="100%" height="86px" src="//static-assets.ny.gov/load_global_menu/ajax?iframe=true" data-updated="2014-11-07 08:30" frameborder="0" style="border:none; overflow:hidden; width:100%; height:86px;" scrolling="no">
Your browser does not support iFrames
</iframe>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T4FP6H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0];var j=d.createElement(s);var dl=l!='dataLayer'?'&l='+l:'';j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;j.type='text/javascript';j.async=true;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-T4FP6H');</script>
<!-- End Google Tag Manager -->
!!! Place this code at the very bottom of your site, outside of any container divs, as close to and before the closing <body> tag. The footer should expand to 100% of the screen, even if your current site has a fixed width. !!!
<iframe id="nygov-universal-footer-frame" class="nygov-universal-container" width="100%" height="200px" src="//static-assets.ny.gov/load_global_footer/ajax?iframe=true" data-updated="2014-11-07 08:30" frameborder="0" style="border:none; overflow:hidden; width:100%; height:200px;" scrolling="no">
Your browser does not support iFrames
</iframe>
In order to support the new emergency and live notifications there are changes that are required to be deployed to ALL the sites that implement static navigation. There are no changes to the interactive navigation implementation.
Since the static navigation is implemented via iframe, there are cross-domain security restrictions, and the iframe embeds cannot communicate with the site that the nav is implemented on. In order to solve this issue, you are required to deploy a "iframe buster," an HTML file that needs to be uploaded to the the document root of your site, ie agency.ny.gov/xd_nygov.html
To download xd_nygov.html, right click the following link and save the page as html https://raw.githubusercontent.com/nys-its/universal-navigation/gh-pages/notes/xd_nygov.html
If you can deploy xd_nygov.html to the document root - you are done. You should start seeing the alerts if they are present
If you can not deploy the xd_nygov.html file to the documentroot, you would need to update the static navigation embed code and pass a new parameter, xdiframe, which should contain the url encoded path to the file i.e. http://nygovdev.prod.acquia-sites.com/load_global_menu/ajax?iframe=true&xdiframe=%2FPATH%2FTO%2FFILE%2Fxd_nygov.html (must be in same domain)
The content inside the static uNav is automatically hidden when printed, however the <iframe>
will leave a noticeable blank area on a print page. To hide this blank area add the following CSS to your site. (This is ONLY needed for the static uNav.)
@media print {
.nygov-universal-container {
display: none;
}
}
Append &target=blank
to the URL in the <iframe src>
.
Banner:
src="//static-assets.ny.gov/load_global_menu/ajax?iframe=true&target=blank"
Footer:
src="//static-assets.ny.gov/load_global_footer/ajax?iframe=true&target=blank"