Primefaces’s dialog ‘appendTo’ property, what it useful for?

by

From the PrimeFaces User Guide (currently p. 185):

Do not place dialog inside tables, containers likes divs with relative positioning or with nonvisible
overflow defined, in cases like these functionality might be broken. This is not a limitation
but a result of DOM model. For example dialog inside a layout unit, tabview, accordion are a
couple of examples. Same applies to confirmDialog as well.

You can overcome this by using appendTo="@(body)" and your dialog will be attached as a child of the <body> node.

One of the main dialog option is modal and you could quickly end up with your dialog behind the overlay if you are not using appendTo as shown below:

enter image description here

See also http://forum.primefaces.org/viewtopic.php?f=3&t=16504

Notes:

  • Before PrimeFaces 5.0, the attribute to set was appendToBody="true". This was changed for 5.0.
  • If your dialog contains some buttons don’t forget to surround them by <h:form> (see Proper Construct for Primefaces Dialog)

More Related Contents:

  1. JQuery Conflicts with Primefaces? [duplicate]
  2. How to get rid of WARNING: PWC4011: Unable to set request character encoding to UTF-8
  3. Primefaces static and dynamic columns in datatable
  4. Update component after file download
  5. Primefaces datatable frozen columns misallignment
  6. Primefaces dialog + commandButton
  7. Primefaces DataTable, lazy loading and CommandButton per row
  8. How to find out client ID of component for ajax update/render? Cannot find component with expression “foo” referenced from “bar”
  9. How to select JSF components using jQuery?
  10. Component to inject and interpret String with HTML code into JSF page
  11. Session timeout and ViewExpiredException handling on JSF/PrimeFaces ajax request
  12. How to let validation depend on the pressed button?
  13. Can I update a JSF component from a JSF backing bean method?
  14. JSF component binding without bean property
  15. Localizing enum values in resource bundle
  16. PrimeFaces validator not fired
  17. How to bind dynamic content using ?
  18. Depedency inject request parameter with CDI and JSF2
  19. Email validation using regular expression in JSF 2 / PrimeFaces
  20. JSF + PrimeFaces: `update` attribute does not update component
  21. PrimeFaces commandButton doesn’t navigate or update
  22. UISelectMany on a List causes java.lang.ClassCastException: java.lang.String cannot be cast to T
  23. Passing the backing bean as a parameter to a Facelet include
  24. c:forEach inside primefaces(e.g. p:panelgrid) inside ui:repeat
  25. List of events
  26. How to use JSF versioning for resources in jar
  27. Create table columns dynamically in JSF
  28. What is STATE_SAVING_METHOD parameter in JSF 2.0
  29. Defer loading and parsing of PrimeFaces JavaScript files
  30. f:viewParam doesn’t pass required parameter when new xmlns.jcp.org namespace is used

Leave a Comment