IE 9 rendering blank as null in xhtml - xhtml

I am generating page to work across all browsers. When I am using chrome or firefox it's coming as empty which is response from back end but when trying in IE9 it's giving as null .
<td id = "parentid">
<h: outputText value ="#{familybean.parentName}" />
</td>

Related

Running ADF apps in Chrome vs IE

So, I have this application that uses the LOV to search from the given list of items. When I run this application in Chrome, my LOV input field looks slightly different from the way it looks inside the IE. Moreover, the Chrome view is missing the "x" sign that allows you to delete the entire input text. Why do they have a different behavior in Chrome vs IE? Thank you in advance!
IE view
Chrome view
This is the behavior from the browsers native control and not something ADF induced.
Run the below snippet yourself in MS IE/Edge and G Chrome. You will notice the "x" in IE for the first field but not in the second, since it is suppressed via CSS. You may do the same in your ADF projects if it bothers you.
input[id="a2"]::-ms-clear {
display: none;
}
<input type="text" label="With X" id="a1" value="Test"/>
<input type="text" label="Without X" id="a2" value="Test"/>

Anchor tag issue in Firefox

I have an HTML file which contains anchor tag with the link to another HTML file.
When I click on the link in firefox, its not opening the other HTML file. Please refer the below HTML snippet:
<html>
<body>
<table align=left border=1>
<tr><th>Report Name</th></tr>
<tr><td><a href="G:\parent directory\Report\Forms Report Summary_2015-08-25 102050.html" target=report_page>Missing Forms Report</a></td></tr>
</table>
</body>
The issue is that when the link in "href" is clicked and opened in new Firefox window inseted of "G" (capital letter) "g"(small letter) is displayed in Firefox and I get error page not displayed. I am strugggling to understand why Firefox is taking the "G" in caps as small letter "g".
Can someone please help me out here?
However, when I open the same link in Chrome or IE its opening fine.
The specifications of anchors expect a valid uri with a protocol as href:
i.e file, ftp, and mailto or an url fragment #
https://developer.mozilla.org/en/docs/Web/HTML/Element/a#attr-href
In your example it think you need the file
This should work in your case: (check also to escape it, some browsers do strange different things)
<a href="file:///G:\parent directory\Report\Forms Report Summary_2015-08-25 102050.html" target=report_page>Missing Forms Report</a>

Css of primefaces tab view

I am using the tab view of primefaces. I am facing two issues in it.
1) In IE i am seeing the tabs vertically instead of horizontally. But in firefox it works.
FireFox :
Internet EXplorer :
SO which class to override to have tabs in horizontal view.
2) And as you can see the color of unselected tab is different in firefox and IE. I also need to override the style class of unselected tab and selected tab( which i tried to do and i was quite succesful in firefox but in IE .. it doesn't works :(
My code is :
<p:tabView value="#{bean.myDTO}" var="category" id = "tabView" styleClass="TabbedPanelsTabGroup" dynamic="true" onTabChange="handleTabChange(index)">
<p:ajax event="tabChange" listener="#{bean.onTabChange}" />
<p:tab id = "tab" title = "#{category.category}" titleStyleClass="TabbedPanelsTab TabbedPanelsTabSelected TabbedPanelsContentGroup">
---------Some content------
</p:tab>
</p:tabview>
Kindly help.
You don't need to correct anything with especific CSS for IE in this case.
Just make your page compatible with older IE version adding this to the header:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
I'm adding this using a Servlet Filter, but there are other ways to do this.
And don't forget the !DOCTYPE ...
...a very old question, but I remember all the headaches I had with this problem some time ago

Base64 string image data show in IE?

I have a base64 string and i need to show it in my IE browser i tried with appending the
data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
the above syntax it works fine in Firefox but does not work in IE ??
Any idea how d o i make my image be shown ? I am trying to set the src attribute from my code asp.net page code.
Thanks
This should work in IE
<img src="data:image/gif;base64,<YOUR DATA>" alt="Base64 encoded image" width="150" height="150"/>
IE limits this in-line size to 32KB..
But there seems to be something wrong with your base64 data. It does not work on my tests in chrome,IE or anything.
http://jsfiddle.net/ppumkin/5JAjh/

CSS page-break-after within table in Safari?

I want each row of a table to be printed (media="print", not "screen") on separate page. So my HTML looks like this:
<table>
<tr style="page-break-after: always;">
<td><p>Page 1</p></td>
</tr>
<tr style="page-break-after: always;">
<td><p>Page 2</p></td>
</tr>
</table>
The page break works in Firefox and IE but not in Safari 4 nor Opera.
I tried adding the "page-break-after: always" to <td> and <p> but neither works. I can't seem to find a way to force a page break within a table in Safari and Opera.
Any idea on how to make it work in all Browsers?
Hate to only half answer your question, but...
In Opera, this will work with elements that are block elements (a table row is a table-row display type). As page-break-after applies only to those elements. I'm not sure how to make it work in Safari.
style="display:block;page-break-after: always;"

Resources