Tooltip with Fontawesome Icons

Я хочу использовать fontawesome для текста всплывающей подсказки, но я не знаю, как его реализовать. Он работал с оверлейной панелью, но я хочу использовать тег <p:tooltip>.Tooltip with Fontawesome Icons

Я использую primefaces 4.0 и JSF 2.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>

источник

2014-02-17 bvb1909

Должен работать случайно, то. Попробуйте атрибут 'styleClass' вместо' class'. – mabi

Ничего не отображается, если я использую styleClass – bvb1909

Может быть, это то, что вы ищете. Он работает на 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!" />

источник

2016-07-18 02:39:24

Нет. Когда вы наведете на значок и всплывет всплывающая подсказка. Вот что спросил @ bvb1909. –

ответ

Смежные вопросы