Fork me on GitHub
Attention: This component is still under progress and experimental.
b:tooltip renders a Bootstrap popover for given component. Tooltip component is embeddable in all ButterFaces input fields, command link and table columns.
Tag attributes
Tag controls
component
If no placement is set tooltip placement will be automatically calculated by offeset to bottom and right browser border. Ordered positions are bottom, right, left, top.
hover me!
some text stuff
Lorem ipsum dolor sit amet, consectetuer ... 
                            <!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:h="http://xmlns.jcp.org/jsf/html" 
      xmlns:f="http://xmlns.jcp.org/jsf/core" 
      xmlns:b="http://butterfaces.org/components"> 
<h:head /> 
<body>
        <a id="btn" class="btn btn-outline-secondary">hover me!</a>
        <b:tooltip id="input"
                   for="#btn"
                   title="custom title"
                   trigger="hover"
                   placement="null"
                   viewport="body"
                   rendered="true">
            <strong>some text stuff</strong>
            <br />
            <h:panelGroup>
                Lorem ipsum dolor sit amet, consectetuer ...
            </h:panelGroup>
        </b:tooltip>
</body> 
</html>
                        
                            <?xml version="1.0" encoding="UTF-8"?> 
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" 
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
         xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
                             http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
         version="3.0"> 
  <!-- If you want to position tooltips on label instead of component -->
  <!-- default is false -->
  <context-param>
     <param-name>org.butterfaces.tooltip.position.label</param-name>
     <param-value>true</param-value>
  </context-param>
</web-app>