p:blockUI dont't render images inside the blocked area

UI Components for JSF
Post Reply
LarsD
Posts: 67
Joined: 25 Nov 2011, 22:47
Location: Dresden, Germany

21 Nov 2012, 19:52

Hi,

in the showcases here: http://www.primefaces.org/showcase-labs/ui/blockUI.jsf is a datatable with a blockUI which blocks the table while going to the next page and shows a loading image in the blocked area.

I want to do the same with a panelgroup / panelgrid, but the image inside the p:blockUI component is rendered outside of the blocked area which looks wrong.

Code: Select all

	<h:panelGroup id="pgr_page5Group">
               // some content
	</h:panelGroup>
	<p:blockUI
		block="pgr_page5Group"
		trigger="cb_wpConnectionTest">
		<h:panelGrid id="pgr_blockUIloading">
			<h:outputText value="Loading..." />
                        <p:graphicImage
				id="img_loading"
				name="loading66.gif"
				library="icon" />
		 </h:panelGrid>
	</p:blockUI>
I'm running primefaces 3.4.2 on Tomcat 7, browser is Firefox 15.0.1.

kind regards,
Lars

User avatar
sudheer
PrimeFaces Core Developer
Posts: 4344
Joined: 16 Oct 2011, 19:19
Location: Singapore

21 Nov 2012, 21:15

Do you mean ajaxStatus dialog not at all on the panelGrid area. Try with pe:blockUI from PFExtensiona also.There are many posts related to Panelgrid+blockUI in the forum.
Author,Speaker
https://twitter.com/sudheerjonna
Github: https://github.com/sudheerj
Website http://sudheerjonna.com/

___________________
Sudheer Jonna

LarsD
Posts: 67
Joined: 25 Nov 2011, 22:47
Location: Dresden, Germany

22 Nov 2012, 19:01

Hi,

I don't understand your first sentence.

I'tried primefaces extension, but i got the same result :(

Code: Select all

	<h:panelGroup id="pgr_page5Group">
                        // some content
			<p:commandButton
				id="cb_wpConnectionTest"
				icon="ui-icon-gear"
				iconPos="left"
				update="pgr_page5Group"
				ajax="true"
				value="..."
				onstart="blockUIWidget1.block()"
				oncomplete="blockUIWidget1.unblock()"
				process="pgr_page5Group"
				action="..." />

	</h:panelGroup>
	<pe:blockUI
		target="pgr_page5Group"
		widgetVar="blockUIWidget1">
		<h:panelGrid columns="1">
			<h:outputText value="LOADING" />
		</h:panelGrid>
	</pe:blockUI>
the text is always rendered in the middel of nowhere and nothing is working as described here: http://fractalsoft.net/primeext-showcas ... UIAjax.jsf.

It's may be an issue of version 3.4.

kind regards
Lars

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 8 guests