Forum:

Richfaces 4 tooltip not displaying

Ranch Hand

Posts: 35

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I've been trying to use the Richfaces 4 tooltip demo from the RichFaces Showcase, but I can't get the tooltip to show up. I've tried variations on the two tooltips shown below, but I can't get any tooltip information to display. Do you know what I'm missing to make this work?

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>Hello World</title>
</h:head>
<body>
	<f:view>
		<h:form>
			<rich:panel id="sample1" styleClass="tooltip-text"
				bodyClass="rich-laguna-panel-no-header">
				
					Here you can see a default client-side tool-tip
				
			</rich:panel>
			<rich:tooltip id="tt1" target="sample1" styleClass="tooltip"
				layout="block">
				 This tool-tip content was
					pre-rendered to the page.
The tool-tip is
					also following mouse around.
				
			</rich:tooltip>

<h:commandLink value="Simple Link" id="link">
				<rich:tooltip value="Tooltip" horizontalOffset="5"
					verticalOffset="5" layout="block">
					<f:facet name="loading">
						<f:verbatim>Loading...</f:verbatim>
					</f:facet>
				</rich:tooltip>
			</h:commandLink>
		</h:form>
	</f:view>

</body>
</html>

OCPJP 6/8

Tim Holloway

Saloon Keeper

Posts: 25640

183

I like...

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I think that tooltips only work when attached to input controls. So they wouldn't be applied to links or panels.

You can fake it, though, since basically a tooltip is a floating HTML DIV that's made visible when you mouse into/over a page element. It's made invisible by mousing out and/or a timeout on mouse movement.

Sometimes the only way things ever got fixed is because people became uncomfortable.

Aj Jaro

Ranch Hand

Posts: 35

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

That's actually not the case. If you look at the RichFaces showcase you'll see that tooltips can be applied to more components than just input controls.

The resolution to this issue was to use the <h:body> tag instead of the HTML body tag. RichFaces creates some additional JavaScript on the close of the <h:body> tag that's used on tooltips.

Thanks for the suggestions though.

OCPJP 6/8

Tim Holloway

Saloon Keeper

Posts: 25640

183

I like...

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

OK. I think maybe that that was a limitation in RichFaces 3 maybe.

Definitely use the h:head and h:body tags in all JSF2 webapps! As you noted, the proper Javascript doesn't get generated otherwise. Among other things!

Sometimes the only way things ever got fixed is because people became uncomfortable.

Humans and their filthy friendship brings nothing but trouble. My only solace is this tiny ad:

Free, earth friendly heat - from the CodeRanch trailboss

https://www.kickstarter.com/projects/paulwheaton/free-heat