+ Start a Discussion
MoggyMoggy 

How to load main page like standard Account and get the embedded VF pages showing loading

Hi , we have a good hierarchy from account which can have multiple childs and these

child can have multiple opportuniies and contracts, and the contracts can also have multiple cases

 

AS requested I made an over view of that all on the TOP level ( Account) , depending on the data involved

the loading time takes, I have around 6 or 7 VF elements in the Account standard layout.

Is there a way to load the standard page , showing these VF pages "Loading.." and refreshing itself once

the controller is done? either all at once or every single VF element .

It is one controller, no Page references just {!get something} embedded within HTML tables

as sample would be

<apex:page standardController="Account" extensions="relatedListsController"> 
 
<apex:form >
     
    <apex:pageBlock title="Case's" tabStyle="Account">
        <apex:pageBlockSection title="Case's last 30 Days: {!ccc3} record(s) - Open Case's: {!casecount2}  - Total {!casecount} record(s) " >
        <apex:outputPanel id="rowArea" layout="inline">
      <table id="conTable" cellspacing="10" style="border:0px !important;border-bottom:2px;">
                     <thead>
                          <tr>
                              <th>Case Number</th>
                              <th>Consignment Number</th>
                              <th>Type</th>
                              <th>Reason</th>
                              <th>Depot</th>
                              <th>Status</th>
                              <th>Created Date</th>
                              <th>Closing Comments</th>
                              
                            <!--  <th>Region</th>
                             <th>Postcode</th>
                              <th>Address Lookup</th>-->
                          </tr>
                      </thead>
      <tbody id="clist">
      <apex:repeat value="{!mycas3}" var="visicc" id="reptabl">
                 <tr>
                   <td style="border-top:0px;border-bottom:0px;padding-left:10px;">
                    
                      <apex:outputLink target="_blank" value="/{!visicc.Id}">{!visicc.CaseNumber}</apex:outputLink>  
                    
                 </td>
                 <td style="border-top:0px;border-bottom:0px;">
                       <apex:outputField value="{!visicc.Tracking_Job_Number__c}" id="tj"/>
                </td>
                <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.Type}" id="ty"/>
                 </td>
                <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.Reason}" id="rea"/>
                 </td>
                 <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.Depot_Number__c}" id="dp"/>
                 </td>
                 <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.Status}" id="st"/>
                 </td>
                 <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.CreatedDate}" id="cd"/>
                 </td>
                 <td style="border-top:0px;border-bottom:0px;">
                    <apex:outputField value="{!visicc.Comments__c}" id="cc"/>
                 </td>
                 
              </tr>
              <tr style="background-color:gray;border-top:2px;border-bottom:2px;">
              <span>_________________________________________________________</span>
              </tr>
          </apex:repeat> 
        </tbody>
      </table>  
      </apex:outputPanel>      
     </apex:pageBlockSection>
    </apex:pageBlock>

</apex:form>

</apex:page>

 the Cases are already reduced to 100 records and all varibles used by the controller are transient.

I don't mind the loading time itself , it would be just nice to have the standard page loaded and showing all VF elements that they are loading, so that the user knows something is happen.( on big accounts this controller nearly empties the DB )
so you can imagine that it takes a while but it loads...And yes , it only necessary data is loaded no null no archived records

 

I would have tried rerender, but tbh , i have no clue how i should get this into it 5 elements look like the above sample and one is a summarizing (below)

 

<apex:page standardController="Account" extensions="relatedListsController" sidebar="false">

<apex:form >
    <apex:variable value="{!$CurrentPage.parameters.id}" var="cp"/>
    <apex:pageBlock title="Customer summary  " tabStyle="Account" >
    
       <table id="oview" cellspacing="10" style="border:1px !important;border-bottom:2px;">
       <tbody>
       <tr>
           <td> 
           <span>  <b>Status</b> &nbsp;&nbsp; </span><apex:outputText value="   {!sflag}" escape="false"/>
        </td>
        <td> 
           <span>  <b>Financial Indication</b> &nbsp;&nbsp; </span><apex:outputText value="{!fflag}" escape="false"/>
           <span> {!FI}</span>
        </td>
        </tr>
         <tr>
           <td> 
                
                <span><b>Opportunities: </b>{!oppcount} record(s) - Forecast Annual £ {!OppForAn} - Actual Weekly £ {!OppForWe} </span>
            </td>
            <td>
            <span><b>Trading: </b> {!oppcw} &nbsp;&nbsp;&nbsp;<b>Close Lost: </B>{!oppcl}&nbsp;&nbsp;&nbsp;<b>pot. Value other stage's from today:&nbsp; </B>£{!oppiyv}</span>
            </td>
        </tr>
        <tr>
            <td>
                <span><b>Contacts</b> {!pplcount} record(s) </span>
            </td>
            <td>
                <span><b>Master Trading Account(s)</b> {!acccount} record(s)</span>
           </td>
        </tr>
        <tr>
            <td>
                <span><b>Activities</b> {!tascount} record(s) <b>Last Week</b> {!tascountlw} record(s)</span><br></br>
            </td>
            <td>
                <span><b>Trading Account(s)</b> {!tacount} record(s) </span><br></br>
            </td>
            </tr>
        <tr>
            <td>
                <span><b>Competitor held Products</b>: {!compProsize}</span>
            </td>
            <td>
                <span><b>Case's</b> last 60 Days: {!ccc3} record(s) - Open Case's: {!casecount2}  - Total {!casecount} record(s)  </span>
            </td>
        </tr>
        
       </tbody>
      </table> 
      
    </apex:pageBlock>
    
</apex:form>

</apex:page>

 Any idea, help would be nice thanks