Modal confirmDialog Over a Layout Unit (Everything is blocked)

Question

Hi evryone i have a problem with ConfirmDialog i ma using Primeface 4 and when i try to use ConfirmDialog doesn't work the small window of confirmation come but it's block and don't work and you can't click on it here is the small code. I am trying to do a confirmation before delete

<h:form prependId="false">

<p:contextMenu for="dataTable">
<p:menuitem value="View" update="display" icon="ui-icon-search"
oncomplete="utilisateur.show()" />
<p:menuitem value="Delete" icon="ui-icon-close"
onclick="confirmation.show()" />
</p:contextMenu>

<p:dataTable id="dataTable" var="user" value="#{usersBean.u}"
paginator="true" rows="10"
rowKey="#{user.idUtilisateur}" 
selection="#{usersBean.selectUser}" selectionMode="single"
paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
rowsPerPageTemplate="3,5,10,15">
<f:facet name="header">

<p:confirmDialog id="confirmDialog"
message="Are you sure about about deleting this?"
header="Initiating delete process" severity="alert"
widgetVar="confirmation">

<p:commandButton id="confirm" value="Yes Sure" update="dataTable"
oncomplete="confirmation.hide()"
actionListener="#{usersBean.deleteUser}" />
<p:commandButton id="decline" value="Not Yet"
onclick="confirmation.hide()" type="button" />

</p:confirmDialog>

</f:facet>

score 1 · Answer 1 · edited May 23 '17 at 11:57

1

did you try to modify css style? I tryed this and the confirm dialog work but it isn't modal.

 .ui-widget-overlay{
     visibility: hidden;
 }

Maybe this will also help PrimeFaces commandButton in confirmDialog not calling backing bean

edited May 23 '17 at 11:57

Community

1
1

answered Jul 05 '14 at 02:53

jesusnoseq

341
4
9

Where did you add it? – kenadet Mar 29 '18 at 15:21
The right answer is this one https://stackoverflow.com/a/8971087/1542778 but if you don't want to do that... To any css that is added to the page but make sure you override the css rule from primefaces. You could also use z-index property. – jesusnoseq Apr 03 '18 at 20:05

score 0 · Accepted Answer · answered Mar 04 '14 at 11:21

0

Add appendToBody="true" in your p:confirmDialog

answered Mar 04 '14 at 11:21

David H.

953
1
8
20

Thank you i try it and it work but when i execute my action the delete fonction doesn't work – Benomar yacine Mar 04 '14 at 14:15

Modal confirmDialog Over a Layout Unit (Everything is blocked)

2 Answers2