It would appear that changing the nested <h:panelGroup/> to <h:panelGrid/> 
solves the problem with other markup in the popup.





Eric Jung/X/PH/Novartis
04/25/2007 05:30 PM

To
"MyFaces Discussion" <[email protected]>
cc

Subject
RE: <t:tooltip> display issues w/ IE... (SOLVED)





Doesn't appear to work if you have markup in the popup facet; e.g.,:

<t:popup>
        <h:graphicImage url="images/icons/info.gif" 
styleClass="info-icon"/>
        <f:facet name="popup">
                <h:panelGroup styleClass="popup">
                        <h:outputText value="blah blah blah"/>
                        <t:htmlTag value="ul">
                                <t:htmlTag value="li">
                                        <h:outputText value="bullet 1"/>   
 
                                </t:htmlTag> 
                                <t:htmlTag value="li">
                                        <h:outputText value="bullet 2"/>   
 
                                </t:htmlTag>  
                        </t:htmlTag> 
                </h:panelGroup>
        </f:facet> 
</t:popup>

.popup {
    padding: 1em;
    border: 1px solid black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em; 
    color: black;
}

.info-icon {
    margin-left: 0.5em;
    vertical-align: middle;
    border: none; 
}

Does it work for you, David, with more than just plain text?






"Nebinger, David" <[EMAIL PROTECTED]> 
04/25/2007 05:17 PM
Please respond to
"MyFaces Discussion" <[email protected]>


To
"MyFaces Discussion" <[email protected]>
cc

Subject
RE: <t:tooltip> display issues w/ IE... (SOLVED)






It's really nothing to do with MyFaces, Tomahawk, or even JSF for that
matter.

It's simply a browser thing with IE.

Anyways, the solution is to use the style definition
"white-space:nowrap;" for the inner text.

Adding that to my stylesheet made it transparent and fixes the IE
problem without sacraficing Firefox/Opera operation, although I haven't
checked any of the other browsers... 

> > I got around the problem you describe by applying a style to 
> > <h:outputText/>; e.g., <h:outputText 
> > styleClass="popup">Description of the security role.</h:outputText>
> > 
> > .popup {
> >   height: 5em;
> >   width: 35em;
> > }
> 
> That's assuming you know what width to use.  In place of the text
> "Description of the security role.", I actually use a tag to pull the
> value from the message bundle for internationalization issues.
> 
> The messages I've been setting up include <br /> and other tags as
> necessary for the contents to be descriptive and useful.  Firefox &
> Opera handle this gracefully, and I'd like the same for IE 
> w/o resorting
> to hard coded values if possible...


_________________________

CONFIDENTIALITY NOTICE

The information contained in this e-mail message is intended only for the 
exclusive use of the individual or entity named above and may contain 
information that is privileged, confidential or exempt from disclosure 
under applicable law. If the reader of this message is not the intended 
recipient, or the employee or agent responsible for delivery of the 
message to the intended recipient, you are hereby notified that any 
dissemination, distribution or copying of this communication is strictly 
prohibited. If you have received this communication in error, please 
notify the sender immediately by e-mail and delete the material from any 
computer.  Thank you.


_________________________

CONFIDENTIALITY NOTICE

The information contained in this e-mail message is intended only for the 
exclusive use of the individual or entity named above and may contain 
information that is privileged, confidential or exempt from disclosure 
under applicable law. If the reader of this message is not the intended 
recipient, or the employee or agent responsible for delivery of the 
message to the intended recipient, you are hereby notified that any 
dissemination, distribution or copying of this communication is strictly 
prohibited. If you have received this communication in error, please 
notify the sender immediately by e-mail and delete the material from any 
computer.  Thank you.

Reply via email to