pe:Tooltip perofrmance problem

Community Driven Extensions Project
Post Reply
MirekSz2
Posts: 13
Joined: 11 Jun 2012, 11:57

28 Jun 2012, 08:46

Hello,
I use cool tooltip like this

<pe:tooltip for="#{id}Field" targetPosition="top center" position="bottom center" forSelector=".ui-state-error"><h:message for="#{id}Field"/></pe:tooltip>

its mean that I show my users validations error on field.
But when I enter on page and dont have any walidations error I got on my browser console many warnings like this

qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [input#mainForm:mainFormPanel:firstNameField.ui-inputfield]
toolti...v=0.5.1 (wiersz 60)
qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [input#mainForm:mainFormPanel:lastNameField.ui-inputfield]
toolti...v=0.5.1 (wiersz 60)
qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [input#mainForm:mainFormPanel:personFunctionField.ui-inputfield]
toolti...v=0.5.1 (wiersz 60)
qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [input#mainForm:mainFormPanel:emailField.ui-inputfield]
toolti...v=0.5.1 (wiersz 60)
qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [input#mainForm:mainFormPanel:phoneField.ui-inputfield]
toolti...v=0.5.1 (wiersz 60)
qTip2: Unable to locate content for tooltip! Aborting render of tooltip on element: [textarea#mainForm:mainFormPanel:notesField.ui-inputfield]


Which slow down my page rendering

User avatar
Oleg
Expert Member
Posts: 3805
Joined: 02 Oct 2009, 09:41
Location: Germany, Black Forest

28 Jun 2012, 10:36

Hi

Code: Select all

<pe:tooltip for="#{id}Field" targetPosition="top center" position="bottom center" forSelector=".ui-state-error">
    <h:message for="#{id}Field"/>
</pe:tooltip>
is a strange construct. If no messages available, the content of tooltip is empty and that makes problem. Messages should placed outside of pe:tooltip and you should use tooltip's global="true" flag.

Would you like to show messages in tooltips? Can this post help you?
PrimeFaces Cookbook (2. edition): http://ova2.github.io/primefaces-cookbook/ Learning Angular UI Development with PrimeNG: https://github.com/ova2/angular-develop ... th-primeng Blog: https://medium.com/@OlegVaraksin

Post Reply

Return to “Extensions”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests