In 19.60, HTML/CSS was added in to help users with disabilities and Section 508 standards. You can simply export your CSS file and add the following code and then reimport your CSS file and the 'skip navigation' link will be removed:
<style> .ALL-BorderPageTopSkipNav{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}.ALL-BorderPageTopSkipNav, a.ALL-BorderPageTopSkipNav:link {color: #FFFFFF; text-decoration: none; vertical-align: top;}.ALL-BorderPageTopSkipNav, a.ALL-BorderPageTopSkipNav:hover, a.ALL-BorderPageTopSkipNav:active, a.ALL-BorderPageTopSkipNav:focus {color: #525252; display: inline; left: 0; position: absolute; text-decoration: underline; top: 0; width: 120px;} </style>
Comments
5 comments
Where exactly do I add this code? Before the script? I copied it in after all the other code and all the text appears.
0 upvotes
I have just tried adding the code above and all it is doing is moving the location of the phrase to the uppermost corner of the page. Any thoughts on how to correct?
0 upvotes
@Maryann - This code would typically be placed in your v19 Presentation Stylesheet. For more information about the iEBMS Presentation feature, a good article to read can be found here: https://supportcenter.ungerboeck.com/hc/en-us/articles/204556968
@Tiffani - If you want to hide the link completely, you can use the following CSS code:
.ALL-BorderPageTopSkipNav { display: none; }
0 upvotes
thanks but I meant where in my style sheet. Below is what my style sheet html code looks like. Where within that code should I add the script?
<html>
<head>
<title><!--PAGETITLE--></title>
<!--STYLESHEETLINK-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body onUnload="" >
<table style="width:100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="ALL-BorderPageTopCell"><!--TOPPAGE--></td>
</tr>
<tr>
<td class="ALL-BorderPageTopCell" style="vertical-align:top;"><!--CENTERPAGE--></td>
</tr>
<tr>
<td class="ALL-BorderPageTopCell"><!--BOTTOMPAGE--></td>
</tr>
</table>
<br>
<br>
<br>
</body>
</html>
0 upvotes
Hi Maryann - what you have shown looks like the iEBMS Presentation Structure file. If you want to insert the code in that file, insert it below the <!--STYLESHEET--> line.
...
<!--STYLESHEET-->
<style> .ALL-BorderPageTopSkipNav{position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}.ALL-BorderPageTopSkipNav, a.ALL-BorderPageTopSkipNav:link {color: #FFFFFF; text-decoration: none; vertical-align: top;}.ALL-BorderPageTopSkipNav, a.ALL-BorderPageTopSkipNav:hover, a.ALL-BorderPageTopSkipNav:active, a.ALL-BorderPageTopSkipNav:focus {color: #525252; display: inline; left: 0; position: absolute; text-decoration: underline; top: 0; width: 120px;} </style>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
...
Alternatively, you could add the CSS code in the iEBMS Presentation Stylesheet file, which is the recommended location.
Some articles that you may find userful on this topic are:
https://supportcenter.ungerboeck.com/hc/en-us/articles/204556368-Adding-default-iEBMS-Presentation-files-v19-
https://supportcenter.ungerboeck.com/hc/en-us/articles/204556348-Exporting-iEBMS-Presentation-files-v19-
Once you have exported the Stylesheet file, you can edit it and then import it back into Ungerboeck.
0 upvotes
Please sign in to leave a comment.