Time for action – displaying tooltips on suggested items using the Itemtip facet

In this section, we will take a look at how to display tooltips with custom content for AutoComplete suggestion items using the Itemtip facet:

1. Create the AutoComplete component for Tags and display the tag description using itemTip:

   <p:autoComplete id="newPostTags" value="#{postController.newPost.tags}" 
                   completeMethod="#{postController.completeTags}"
                   maxResults="10" minQueryLength="2" queryDelay="400" 
       var="t" itemLabel="#{t.label}" itemValue="#{t}" 
       converter="tagConverter" multiple="true"
       itemTipMyPosition="left top" itemTipAtPosition="right bottom">
           
           <f:facet name="itemtip">
               <h:panelGrid columns="2" style="text-align: left">
                   <f:facet...