PrimeFaces工具提示位置

Question

jsf页面的结构：

<h:form style="float:left">
...
</h:form>

<div style="float: left; width: 350px">
    ...
    <p:rating id="present" value="#{ph.currentProduct.present}" readonly="true" />
    <p:tooltip for="present" value="..." />
</div>

<h:form class="detail_buy_button">
...
</h:form>

什么定义了工具提示盒的位置？代码不包含p:tooltip的特殊样式，但工具提示元素显示在detail_buy_button的x位置。有详细信息的屏幕截图。

Answer 1

我不确定是否有一种简单的方法来设置本机Primefaces工具提示的样式，但一种选择是使用Primefaces Extensions

中的工具提示组件

<强>名称空间：

xmlns:pe="http://primefaces.org/ui/extensions"

<强>用法：

    <p:rating id="present" ../>
    <pe:tooltip value="test" for="present"
                myPosition="top left"
                atPosition="bottom right"/>

  

<强> myPosition：

     

工具提示的角落相对于目标元素的位置。   默认值为＆＃39;左上角＆＃39;。

     

<强> atPosition：

     

目标元素的一角，用于定位工具提示角。默认值为＆＃39;右下角＆＃39;。