title: activate pt:data-tooltip on commandbutton
body: <p>i'm using jsf 2.2 primefaces 6.0 and i'm trying to add "pt:data-tooltip" on my commandButton but it seems that this attribute is unknown.I need help to make it acceptable.</p>
  
  <p>Here the xhtml code of all the xhtml page:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"&gt;
  
  &lt;h:head&gt;&lt;/h:head&gt;
  &lt;ui:composition template="/facelets/template.xhtml"&gt;
      &lt;ui:define name="content"&gt;
          &lt;ul class="breadcrumb"&gt;
              &lt;li&gt;&lt;i class="ace-icon fa fa-home home-icon"&gt;&lt;/i&gt; &lt;a
                  href="adminHome.jsf"&gt;Acceuil&lt;/a&gt;&lt;/li&gt;
              &lt;li class="active"&gt;espace Administrateur&lt;/li&gt;
          &lt;/ul&gt;
          &lt;!-- /.breadcrumb --&gt;
  
      &lt;/ui:define&gt;
  
      &lt;ui:define name="pageContent"&gt;
          &lt;h:form id="form"&gt;
              &lt;p:panel header="ajouter Acte Médical"&gt;
                  &lt;p:messages /&gt;
                  &lt;p:panelGrid id="pan" columns="3"&gt;
                      &lt;p:outputLabel value="Type acte medical *:" /&gt;
                      &lt;p:inputText value="#{acteBean.acteMedical.typeActe}" id="input1" 
                          placeholder="Type de l'acte médical" required="true" 
                          requiredMessage="indiquez une valeur"&gt;
                          &lt;f:validator validatorId="av" /&gt;
                          &lt;p:ajax event="blur" update="button" process="@form"/&gt;
                      &lt;/p:inputText&gt;
                      &lt;p:message id="m1" for="input1" /&gt;
  
                      &lt;p:outputLabel value="Plafond *:" /&gt;
  
                      &lt;p:inputNumber id="i1" value="#{acteBean.acteMedical.plafond}"
                          symbol=" DT" symbolPosition="s" placeholder="Plafond total" 
                          decimalSeparator="," thousandSeparator="."
                          disabled="#{not empty acteBean.acteMedical.pourcentage}"&gt;
                          &lt;f:ajax event="keyup" render="i2" /&gt;
                      &lt;/p:inputNumber&gt;
                      &lt;p:message id="m2" for="i1" /&gt;
                      &lt;p:outputLabel value="Pourcentage des frais de remboursement *:" /&gt;
  
                      &lt;p:inputNumber id="i2" value="#{acteBean.acteMedical.pourcentage}"
                          placeholder="% des frais de remboursements" symbolPosition="s"
                          symbol="%" disabled="#{not empty acteBean.acteMedical.plafond}"&gt;
                          &lt;f:ajax event="keyup" render="i1" /&gt;
                      &lt;/p:inputNumber&gt;
                      &lt;p:message id="m3" for="i2" /&gt;
                      &lt;p:commandButton value="Sauvegarder" id="button" disabled="#{not facesContext.postback or facesContext.validationFailed}"
                          style="background:#6FDC6F;color: #FFFFFF" 
                          styleClass="customStyleButton" action="#{acteBean.doAddActe()}"
                          update="@form:pan"&gt;
                          &lt;p:confirm header="Confirmation" message="Êtes-vous sûr?"
                              icon="ui-icon-alert" /&gt;
                      &lt;/p:commandButton&gt;
                      &lt;p:commandButton value="Actualiser" action="#{acteBean.reset()}" 
                          style="background:#FF0000; color: #FFFFFF"
                          styleClass="customStyleButton" update="@form:pan" /&gt;
  
  
  
                      &lt;p:confirmDialog global="true" showEffect="fade" hideEffect="fade"&gt;
                          &lt;p:commandButton value="Oui" type="button"
                              styleClass="ui-confirmdialog-yes" icon="ui-icon-check" /&gt;
                          &lt;p:commandButton value="Non" type="button"  
                              styleClass="ui-confirmdialog-no" icon="ui-icon-close" /&gt;
                      &lt;/p:confirmDialog&gt;
  
  
                  &lt;/p:panelGrid&gt;
              &lt;/p:panel&gt;
  
          &lt;/h:form&gt;
      &lt;/ui:define&gt;
  
  &lt;/ui:composition&gt;
  &lt;/html&gt;
  </code></pre>