Create a Visualforce Page

Now we need a Visualforce page to bring the AccountViewer controller to life.

Force.com IDE is in a maintenance-only state. We still provide support for the product through our official channels, but updates prior to October 12, 2019 will be only for critical security issues that arise. On October 12, 2019, we will no longer provide support or updates of any kind for Force.com IDE. On that date, we will also begin archiving documentation and removing download links for the product. We recommend that you start migrating to Salesforce Extensions for Visual Studio Code or one of the great tools made by our partners. For more information, see The Future of Salesforce IDEs on the Salesforce Developers Blog.

Warning

Create a Visualforce page with the label Account Viewer and the name AccountViewer.

Replace your page’s default contents with this code.

1<apex:page controller="AccountViewerController">
2   <apex:form>
3      <apex:outputPanel id="resultTable">
4         <apex:pageBlock>
5            <apex:actionstatus id="status">
6               <apex:facet name="start">
7                  <div class="waitingSearchDiv" id="el_loading" style=
8                        "background-color: #fbfbfb; height: 100%; opacity:0.65;
9                        width:100%;"> 
10                     <div class="waitingHolder" style="top: 74.2px; width: 91px;">
11                        <img class="waitingImage" src="/img/loading.gif" title=
12                           "Please Wait..." />
13                        <span class="waitingDescription">Please Wait...</span>
14                     </div>
15                  </div>
16               </apex:facet>
17            </apex:actionstatus>
18            <apex:pageBlockSection title="Special Accounts" collapsible="false">
19               <apex:inputCheckbox value="{!removeCold}" label="Hide Cold Accounts">
20                  <apex:actionSupport event="onchange" action="{!noOp}" 
21                     status="status" rerender="resultTable"/>
22               </apex:inputCheckbox>
23            </apex:pageBlockSection>
24            <apex:pageBlockSection title="Scheduled Jobs" collapsible="false">
25               <apex:pageBlockTable value="{!accountTable}" var="a" 
26                  id="thePageBlockTable">
27                  <apex:column style="vertical-align:top">
28                     <apex:outputField value="{!a.name}" />
29                     <apex:facet name="header">Name</apex:facet>
30                  </apex:column>
31                  <apex:column>
32                     <apex:outputField value="{!a.BillingCity}" />
33                     <apex:facet name="header">City</apex:facet>
34                  </apex:column>
35                  <apex:column>
36                     <apex:outputField value="{!a.BillingState}" />
37                     <apex:facet name="header">State</apex:facet>
38                  </apex:column>
39                  <apex:column>
40                     <apex:outputField value="{!a.Rating}" />
41                     <apex:facet name="header">Rating</apex:facet>
42                  </apex:column>
43               </apex:pageBlockTable>
44            </apex:pageBlockSection>
45         </apex:pageBlock>
46      </apex:outputPanel>
47   </apex:form>
48</apex:page>

Save AccountViewer.page.

Force.com IDE Developer Guide

Create a Visualforce Page