How to hide header and close button in <p:dialog> for pm?

UI Components for JSF
Post Reply
edylle
Posts: 3
Joined: 24 Nov 2014, 08:22

24 Nov 2014, 08:34

Hello! Inside my <p:dialog> tag I set closable="false" and in my CSS I put a .ui-dialog .ui-dialog-titlebar {display: none !important;}.
When I do this in a desktop page it works well. But in my mobile page this is not working.

Does anyone know how I hide header in p:dialog for Primafaces Mobile? I need to remove the close button too. Also, how do I resize the dialog window to fit its width to my cellphone?

Thanks!

smithh032772
Posts: 6144
Joined: 10 Sep 2011, 21:10

24 Nov 2014, 22:45

PrimeFaces Mobile = PrimeFaces + jquery Mobile

study jquery mobile popup (from beginning to end) and add jquery mobile popup html/css to your page to meet your requirement.
Howard

PrimeFaces 6.0, Extensions 6.0.0, Push (Atmosphere 2.4.0)
TomEE+ 1.7.4 (Tomcat 7.0.68), MyFaces Core 2.2.9, JDK8
JUEL 2.2.7 | OmniFaces | EclipseLink-JPA/Derby | Chrome

Java EE 6 Tutorial|NetBeans|Google|Stackoverflow|PrimeFaces|Apache

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 26 guests