Hi. I'm very new to Java, although this past year I believe I have picked up quite a bit. I was working on a program using the MyFaces Trinidad component stack and found it to be very easy to work with. I have run into a problem that has plagued me for several days that has to do with the tr:inputDate component. When I click on the calendar icon (I am not using a tr:chooseDate component so it defaults to a modal dialog calendar) it pulls up the modal calendar dialog box where I can select a date. The problem occurs when I select the date, the dialog goes away and the font on all my components change on me. This only happens with Internet Explorer. Firefox does not change the fonts on me when the dialog goes back to the main screen. This has left me baffled. The font it changes to is very interesting in that I cannot find a font that exactly matches it on my machine. The font however does appear to be Arial, although with a font weight that I cannot reproduce (its a very weak font weight), either by using the font-weight CSS selector or by any other means using any other program that I have. The browser that changes the font on me for no reason is Internet Explorer 7. Again, Firefox doesn't change the fonts on me, everything stays the same. Below are pictures of the before, during, and after, and on the after shot its clear the font has changed. I used "Arial" font to show the similarity to the font it changes into (If I use any other font for the text, it will still change it to the same crappy light Arial font in the after shot).
Before picture showing everything is good, fonts are as they should be:
This is the date dialog that comes up, ignore the styles on this component, i was just playing around with them:
This is the "After" picture, showing that the fonts on all my components have changed (gotten lighter and appear to be an Arial-like font although I cannot produce its "lightness")
As you can see, the font has turned into crap, even the "Save Customer Info" button has changed and become lighter. I don't know if this is a bug with JSF and IE, or a bug with Trinidad and IE, but I need to know if anyone out there has a solution to this problem. It appears to only show itself with the default implementation of the tr:inputDate component that doesn't have a tr:chooseDate component that corresponds to it. If I do add a tr:chooseDate component and link the two (so that effectively no modal dialog is used), then no font changes when I pick a date using the calendar. This leads me to believe it is the modal dialog implementation that is somehow changing the fonts on me. But I cannot use a tr:chooseDate component because the calendar is too big to include with the placement of the 3 order numbers displayed in each row. I need the modal screen pop-up. But I need it to render correctly. Curse you IE!
I'd be eager to know if anyone can reproduce this font change glitch on internet explorer 7, again, more eager if a solution can be found.