You need to sign in to do that
Don't have an account?
raseshtcs
Action Status Loading Image
Hi,
I am using the below code to display a gif stored as a static resource to display the status of an AJAX update request. I want that the image be displayed in the middle of the page and the main page be unusable for that time.
<apex:page controller="exampleCon"> <apex:form > <apex:outputText value="Watch this counter: {!count}" id="counter"/> <apex:actionStatus id="counterStatus" style="align:center;" > <apex:facet name="start" > <apex:image url="{!$Resource.loading}" height="50" width="50" /> </apex:facet> </apex:actionStatus> <apex:commandButton action="{!incrementCounter}" title="Click Me" rerender="counter" status="counterStatus"/> </apex:form> </apex:page>
Class:
public Global class exampleCon { Integer count = 0; public PageReference incrementCounter() { count++; return null; } public Integer getCount() { return count; } }
Thanks in advance!!
To put it in other words... I want the screen background be greyed out while the request is being processed
Thanks in advance
That is done with CSS. Here are some example sites that can help:
- http://edwardawebb.com/web-development/cakephp/disable-page-show-translucent-progress-bar
- http://stackoverflow.com/questions/3289083/how-can-i-make-a-webpage-disable-using-css
- http://stackoverflow.com/questions/6240392/overlay-progress-bar-with-jquery
Enjoy.