block the whole page blockui

[pilu82]

hello,

Im desesperatly trying to block the whole page,

Ive tried

Code: Select all

<p:blockUI block=":body" trigger="btn_alta">

and:

(just trying to prove that it works!

Code: Select all

<p:commandButton value="Block this page!" update="@none"   
                 onclick="PF('blockUIWidget').block()"/>

Code: Select all

<pe:blockUI widgetVar="blockUIWidget">  
    <h:panelGrid columns="2">  
        <h:graphicImage value="/resources/img/loading_comments.gif" 
                        style="margin-right: 12px; vertical-align: middle;"/>  
        <h:outputText value="Please wait..." style="white-space: nowrap;"/>  
    </h:panelGrid>  
</pe:blockUI>

Im using

<primefaces.version>6.0.RC4</primefaces.version>
<jsf.version>2.2.4</jsf.version>

[andyba]

Use a simple div tag which covers height and width 100% with a very high z-index and whatever content inside it to make obvious work is being done. Its default state is display:none.
Use the ajaxStatus component with the appropriate facets to switch the status from display:none to display:block and vice versa.

Rather than creating several posts, with additional information or corrections in each one use the Edit function.
Spamming new threads will irritate the forum Gods.

[pilu82]

Use a simple div tag which covers height and width 100% with a very high z-index and whatever content inside it to make obvious work is being done. Its default state is display:none.
Use the ajaxStatus component with the appropriate facets to switch the status from display:none to display:block and vice versa.

Rather than creating several posts, with additional information or corrections in each one use the Edit function.
Spamming new threads will irritate the forum Gods.

Thank u very much for your answer. I finally got it. But now i have another problem, the ajax events dont work since i blocked the page. Really they only work only once...

Im a little bit desesperate.

Sorry for my duplicate answer, The first one i sent didnt have my primefaces a JSF version

Thanks in advice!!!


<primefaces.version>6.0.RC4</primefaces.version>
<jsf.version>2.2.4</jsf.version>

[pilu82]

Code: Select all

<h:form id="formMenu">
      <ul class="menu">
         <li><p:commandLink action="alta" value="Alta" id="btn_alta"/></li>   
         <li><p:commandLink  value="Tramitaci&oacute;n" id="btn_tramitacion"/></li>   
         <li><p:commandLink  value="Bajas" id="btn_baja"/></li>   
         <li><p:commandLink    action="salir" value="Salir" id="btn_salir"/></li>         
      </ul>
      
      <pe:blockUI block=":full_page" trigger="btn_alta,btn_salir,btn_tramitacion,btn_baja">
         <h:panelGrid columns="1">  
           <h:graphicImage value="/resources/img/ajaxloadingbar.gif" 
                           style="horizontal-align:middle; vertical-align: middle;"/>  
           <h:outputText value="Cargando..." style="white-space: nowrap;"/>  
          </h:panelGrid>
      </pe:blockUI>
   </h:form>

full_page is the id of the body- Now i hace anothers problems but this is the solution

[andyba]

I didn't make myself clear enough: don't use blockUI for this.