Jsf 带有图标的工具提示
我想用于工具提示文本,但我不知道如何实现它。它与覆盖面板一起工作,但我想使用Jsf 带有图标的工具提示,jsf,primefaces,font-awesome,Jsf,Primefaces,Font Awesome,我想用于工具提示文本,但我不知道如何实现它。它与覆盖面板一起工作,但我想使用标记 我使用PrimeFaces4.0和JSF2.1 下面是带有工具提示的代码 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" /> <p:graphicImage id="grap" class="fa fa-question-circle fa-2x"/&g
标记
我使用PrimeFaces4.0和JSF2.1
下面是带有工具提示的代码
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet" />
<p:graphicImage id="grap" class="fa fa-question-circle fa-2x"/>
<p:tooltip for="grap" value="Some Help" showEffect="fade" />
如果我使用下面的方法,它会起作用
<h:panelGroup id="mail" class="fa fa-question-circle fa-2x" />
<p:overlayPanel for="mail" showEvent="mouseover" hideEvent="mouseout" hideEffect="fade">
<p:panel>
TEXTTEXTTEXT
</p:panel>
</p:overlayPanel>
文本文本文本
也许这就是你要找的。它适用于Primefaces 6.0和JSF 2.3.0
<p:outputLabel id ="idEmptyLabel">
<i class="fa fa-question-circle fa-2x"/>
</p:outputLabel>
<p:tooltip for="idEmptyLabel" value="It works!" />
也许这就是你要找的。它适用于Primefaces 6.0和JSF 2.3.0
<p:outputLabel id ="idEmptyLabel">
<i class="fa fa-question-circle fa-2x"/>
</p:outputLabel>
<p:tooltip for="idEmptyLabel" value="It works!" />
@Dylan Law的解决方案肯定会奏效
但是,如果您不总是希望包装标准HTML元素,例如
、
、
和
,则可以遵循以下策略:
在模板或文件中定义以下行:
<p:tooltip globalSelector="a,:input,:button,span,img,i,div" />
在此处,您可以阅读有关全局工具提示的更多信息:
@Dylan Law的解决方案肯定会奏效
但是,如果您不总是希望包装标准HTML元素,例如
、
、
和
,则可以遵循以下策略:
在模板或文件中定义以下行:
<p:tooltip globalSelector="a,:input,:button,span,img,i,div" />
在此处,您可以阅读有关全局工具提示的更多信息:
那么,你一定是意外地工作了。尝试使用styleClass
属性,而不是class
。如果我使用styleClass,则不会显示任何内容,因为它一定是意外工作的。尝试使用styleClass
属性而不是class
。如果使用styleClassNope,则不会显示任何内容。当您将鼠标悬停到图标时,工具提示将弹出。这就是@bvb1909所问的。不。当您将鼠标悬停到图标时,工具提示将弹出。这就是@bvb1909所问的。