function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
s_macs_mac 

visual force list page with pagination and with action status image over the pgblock table

I have a visual force list page with pagination when I click on next button i should get the loading image over the pageblock table i.e pageblock table to be grayed out and loading image should be visible over it I am using action status with image but image is not over the pgblock table.but it is coming below the table .can same body pls help....

digamber.prasaddigamber.prasad

To achieve this, you will need to use some javascript library like jquery.

 

Regards,

Digamber Prasad

izayizay

Try using this code right after the pageblock oppening tag...

 

<apex:actionStatus id="status">
    <apex:facet name="start">
            <div id="loading_img" class="loading_img"><img src="../../img/loading32.gif" style="width:16px;"/>&nbsp;Loading...</div>
            <div id="loading_wrap" class="loading_wrap"></div>
    </apex:facet>

</apex:actionStatus>

 

Also, add this style code somewhere on the page...

 

<style type="text/css">

.loading_wrap{
            background-color: #fff;
            height: 100%;
            opacity:0.65;
            filter: alpha(opacity=65);
            width:100%;
            text-align:center;
            position:absolute;
            color:#444;
        }
        .loading_img{
            background-color:#fff;
            color:#333;
            border:1px solid #ccc;
            left:50%; top:50%;
            opacity:1;
            filter: alpha(opacity=100);
            padding:10px;
            position:absolute;
            z-index:99999999;
        }

</style>