JSF / Styling h: выходная текстовая подсказка

Question

Я хотел бы создать собственный вид для всплывающей подсказки.

<h:outputText value="blarg" title="tooltip">

Пожалуйста, не говорите мне использовать подсказку rich:, как я пытался, и у них есть ошибка, которая распространяется за пределы таблицы данных,Поэтому мне было интересно, можно ли на самом деле стилизовать подсказку jTF outputText.

Если вы знаете, как, пожалуйста, дайте мне указатели.

Спасибо.Хорошего дня.

Answer 1

Вы не можете стилизовать всплывающую подсказку, используя простой ванильный HTML / CSS. Для этого вам действительно нужен JavaScript, который проходит через дерево HTML DOM и «конвертирует» каждый атрибут title в какой-то скрытый причудливый вид <div>, который отображается во время onmouseover.

Поскольку RichFaces уже поставляется с jQuery, должна быть возможность получить плагин jQuery для этого. Например, плагин qTip .

Пожалуйста, не говорите мне использовать <rich:tooltip>, как я пытался, и у них есть ошибка, которая распространяется за пределы таблицы данных.

Технически, это должен быть вопрос настройки CSS, связанного с <rich:tooltip>.

Answer 2

Вы можете сделать это.

Использование <p:tooltip/> простых лиц.

Просмотр:

<h:panelGrid columns="2" cellpadding="10">
    <h:outputLink styleClass="outputText" id="fades" value="#">
       <h:outputText value="Your text"/>
    </h:outputLink>
    <p:tooltip id="toolTipFades" for="fades" value="The text for tooltip"/>
</h:panelGrid>

Css:

.outputText{
 cursor: default!important;
 text-decoration: none!important;
 }

Сэтот код имитирует <h:outputText /> с всплывающей подсказкой и работает; D