CODEWITHSUNDEEP
primefacesjsf-2primefaces-extensionsblockui
Ande Hofer
Ande Hofer

Reputation: 172

Primefaces Extensions BlockUI in Dialog

Primefaces 7.0, primefaces-extensions 7.0.2, JSF 2.1.19

Hello,

I want to use pe:blockUI for p:dialog and I figured out I can not use the "normal" outside blockUI I use in the whole application, because it does not block the dialog and so the user can click random stuff during the ajax request. So I use a separate blockUI element in the dialog to also block the dialog inputs.

That is working, the only problem I have is that he message part of the blockUI ("please wait") should be gone without any replacement (because the general blockUI message works fine and two are too much).

How can this be done?

    <p:dialog id="antragKoopUserSearch" widgetVar="antragKoopUserSearch" height="555" width="830" modal="true" closable="true">
    <f:facet name="header">Benutzer suchen zum Weitergeben</f:facet>
    <h:form id="modalPanelForm">
        <pe:blockUI id="buiModal" widgetVar="buiModal" target="antragKoopUserSearch" />
        <p:ajaxStatus id="antragKoopUserSearchStatus" onstart="PF('buiModal').block();" oncomplete="PF('buiModal').unblock();" />

thx

Upvotes: 1

Views: 886

Answers (1)

Vsevolod Golovanov
Vsevolod Golovanov

Reputation: 4206

You can hide it like this:

<pe:blockUI css="{opacity: 0}">
    asd
</pe:blockUI>

You do need that "asd" there or at least something, otherwise it won't work, at least on my version 6.1.1.

Upvotes: 2

Related Questions