[embjopr-commits] EMBJOPR SVN: r1035 - branches/AdminConsole_EAP_5_1/core/src/main/webapp/WEB-INF/facelets.
Author: loleary
Date: 2011-11-23 16:49:58 -0500 (Wed, 23 Nov 2011)
New Revision: 1035
Modified:
branches/AdminConsole_EAP_5_1/core/src/main/webapp/WEB-INF/facelets/layout.xhtml
Log:
EMBJOPR-358: In IE7, configuration tab under bindings page is blank, works fine in FF
Issue affected IE8 in IE7 Compatibility View mode and IE7. Removed the use of the
deprecated expression() function in the CSS definition for IE7.
Modified:
branches/AdminConsole_EAP_5_1/core/src/main/webapp/WEB-INF/facelets/layout.xhtml
===================================================================
---
branches/AdminConsole_EAP_5_1/core/src/main/webapp/WEB-INF/facelets/layout.xhtml 2011-11-23
21:47:30 UTC (rev 1034)
+++
branches/AdminConsole_EAP_5_1/core/src/main/webapp/WEB-INF/facelets/layout.xhtml 2011-11-23
21:49:58 UTC (rev 1035)
@@ -2,7 +2,7 @@
<!--
~ Jopr Management Platform
- ~ Copyright (C) 2005-2010 Red Hat, Inc.
+ ~ Copyright (C) 2005-2011 Red Hat, Inc.
~ All rights reserved.
~
~ This program is free software; you can redistribute it and/or modify
@@ -126,26 +126,27 @@
<ui:include src="resourceNavigation.xhtml"/>
<ui:include src="header.xhtml"/>
<ui:include src="footer.xhtml"/>
-
- <!-- I'm giving up on proper CSS for IE. These poor hacks make the tab
menu look nice in both IE6 and IE7 -->
- <!-- This has to be present only *AFTER* all the content is defined, because
the below CSS contains expressions
- refering to the DOM objects defined above (like content). -->
- <!--[if lt IE 8]>
- <script type="text/javascript" language="javascript">
- var scrollBarWidth = getScrollBarWidth();
- </script>
- <style type="text/css" media="screen">
- h\tml #content
- {
- /* This definition is repeated from above so that it also applies for IE7
here, where we need this pixel-sized
- padding so that we can compute the width of the tabmenu below. */
- padding: 16px; /* replace the em units for padding with something we can
compute with in the expressions below */
- }
- #tabmenu {
- width: expression((document.body.clientWidth - 300 - 2 * 16 -
(content.scrollHeight > content.clientHeight ? scrollBarWidth : 0)) + 'px'); /*
300 = width of sidebar, 16 content padding. */
- }
- </style>
- <![endif]-->
+ <!-- I'm giving up on proper CSS for IE. These poor hacks make the tab menu
look nice in both IE6 and IE7 -->
+ <!-- This has to be present only *AFTER* all the content is defined, because the
below CSS contains expressions
+ refering to the DOM objects defined above (like content). -->
+ <!--[if lt IE 8]>
+ <script type="text/javascript" language="javascript">
+ window.onload = resizeTabMenu;
+ window.onresize = resizeTabMenu;
+ function resizeTabMenu(){
+ var scrollBarWidth = (content.scrollHeight > content.clientHeight ?
getScrollBarWidth() : 0);
+ tabmenu.style.width = (document.body.clientWidth - 300 - (2 * 16) -
scrollBarWidth) + 'px';
+ }
+ </script>
+ <style type="text/css" media="screen">
+ h\tml #content
+ {
+ /* This definition is repeated from above so that it also applies for IE7 here,
where we need this pixel-sized
+ padding so that we can compute the width of the tabmenu below. */
+ padding: 16px; /* replace the em units for padding with something we can compute
with in the expressions below */
+ }
+ </style>
+ <![endif]-->
</body>
</f:view>
</html>