Code: Select all
<h:form>
<div class="ui-fluid">
<p:tabView>
<p:tab title="Items">
<div class="p-grid">
<div class="p-col-12 p-sm-3">
<p:outputLabel for="@next" value="Type"/>
<p:selectOneMenu id="types"
converter="omnifaces.SelectItemsConverter"
value="#{bean.type}">
<f:selectItem noSelectionOption="true" itemValue="#{null}" itemLabel=""/>
<f:selectItems value="#{bean.typeList}"
var="type"
itemLabel="#{type.typeName}"
itemValue="#{type}"/>
</p:selectOneMenu>
<p:tooltip for="types" value="Select a Type"/>
</div>
...
I've also tried putting the component inside a div and attaching the toolTip to the div:
Code: Select all
<h:form>
<div class="ui-fluid">
<p:tabView>
<p:tab title="Items">
<div class="p-grid">
<div class="p-col-12 p-sm-3">
<p:outputLabel for="types" value="Type"/>
<div jsf:id="typeDiv">
<p:selectOneMenu id="types"
converter="omnifaces.SelectItemsConverter"
value="#{bean.type}">
<f:selectItem noSelectionOption="true" itemValue="#{null}" itemLabel=""/>
<f:selectItems value="#{bean.typeList}"
var="type"
itemLabel="#{type.typeName}"
itemValue="#{type}"/>
</p:selectOneMenu>
</div>
<p:tooltip for="typeDiv" value="Select a Type"/>
</div>
...