Show Loading Image on Change Event using Action Status
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: #d2eaf1; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;">High Value Payments</span><b><style>
.Processing
{
position: fixed;
background: url('/img/loading32.gif');
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
z-index: 1004;
left: 0%;
top: 0%;
}
</style>
<apex:form>
<apex:actionstatus id="statusProcessing" startstyleclass="Processing">
<apex:commandbutton action="{!onClickSave}" oncomplete="scroll(0, 2);" rerender="idoutPanlMsg" status="statusProcessing" value="Save">
</apex:commandbutton></apex:actionstatus></apex:form></b></div>
<span style="background-color: #d2eaf1; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;">High Value Payments</span><b><style>
.Processing
{
position: fixed;
background: url('/img/loading32.gif');
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
z-index: 1004;
left: 0%;
top: 0%;
}
</style>
<apex:form>
<apex:actionstatus id="statusProcessing" startstyleclass="Processing">
<apex:commandbutton action="{!onClickSave}" oncomplete="scroll(0, 2);" rerender="idoutPanlMsg" status="statusProcessing" value="Save">
</apex:commandbutton></apex:actionstatus></apex:form></b></div>
Comments
Post a Comment