Visualforce Development Cookbook: For developers who already know the basics of Visualforce, this book enables you to advance to the next level. With over 75 real-world examples accompanied by stacks of illustrations, it clarifies even the most complex concepts.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter AccViewOverride in the Label field.

Accept the default AccViewOverride that is automatically generated for the Name field.

Paste the contents of the AccViewOverride.page file from the code download into the Visualforce Markup area and click on the Save button.

Then, navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the AccViewOverride page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Now that the Visualforce page is complete, configure the account view override. Navigate to Your Name | Setup | Customize | Accounts | Buttons, Links and Actions.

Locate the View entry on the resulting page and click on the Edit link.

On the following page, locate the Override With entry, check the Visualforce Page radio button, and choose AccViewOverride from the list of available pages.

Click on the Save button.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter ConditionalColour in the Label field.

Accept the default ConditionalColour that is automatically generated for the Name field.

Paste the contents of the ConditionalColour.page file from the code download into the Visualforce Markup area and click on the Save button.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the ConditionalColour page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the PollerController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter ActionPoller in the Label field.

Accept the default ActionPoller that is automatically generated for the Name field.

Paste the contents of the ActionPoller.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the ActionPoller page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the CasesSidebarController.cls Apex class from the code download into the Apex Class area.

Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter CasesSidebar in the Label field.

Accept the default CasesSidebar that is automatically generated for the Name field.

Paste the contents of the CasesSidebar.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the CasesSidebar page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Next, create the home page component by navigating to the Home Page Components setup page by clicking on Your Name | Setup | Customize | Home | Home Page Components.

Scroll down to the Custom Components section and click on the New button.

If the Understanding Custom Components information screen appears, as shown in the following screenshot, click on the Next button.

On the next page, Step 1. New Custom Components, enter Case Count by Status in the Name field, select the HTML Area option, and click on the Next button.

On the next page, Step 2. New Custom Components, select the Narrow (Left) Column option.

Select the Show HTML box.

Paste the following markup into the editable area:

<iframe style="border: none" src="/apex/CasesSidebar"  seamless=""></iframe>

Click on the Save button.

Next, add the new component to one or more home page layouts. Navigate to Your Name | Setup | Customize | Home | Home Page Layouts.

Locate the name of the home page layout you wish to add the component to and click on the Edit link.

On the resulting page, Step 1. Select the Components to show, select the Case Count by Status box in the Select Narrow Components to Show section and click on the Next button.

On the next page, Step 2. Order the Components, use the arrow buttons to move the Case Count by Status component to the desired position in the Narrow (Left) Column list and click on the Save button.

Repeat steps 22 to 24 for any other home page layouts that will contain the sidebar component.

Navigate to Your Name | Setup | Customize | User Interface and locate the Sidebar section.

Select the Show Custom Sidebar Components on All Pages box as shown in the following screenshot, and click on the Save button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the ActionParameterController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter ActionParameter in the Label field.

Accept the default ActionParameter that is automatically generated for the Name field.

Paste the contents of the ActionParameter.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the ActionParameter page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the SearchFromURLController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter SearchFromURL in the Label field.

Accept the default SearchFromURL that is automatically generated for the Name field.

Paste the contents of the SearchFromURL.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the SearchFromURL page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the EditFromSearchController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Next, create the edit Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter EditFromSearch in the Label field.

Accept the default EditFromSearch that is automatically generated for the Name field.

Paste the contents of the EditFromSearch.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the EditFromSearch page and click on the Security link.

On the resulting page, select which profiles should have access and click the Save button.

Next, create the search page by navigating to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the SearchAndEditController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Next, create the Visualforce page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter SearchAndEdit in the Label field.

Accept the default SearchAndEdit that is automatically generated for the Name field.

Paste the contents of the SearchAndEdit.page page from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the SearchAndEdit page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter Popup in the Label field.

Accept the default Popup that is automatically generated for the Name field.

Paste the contents of the Popup.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the Setup page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Next, create the main account list page by navigating to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter PopupMain in the Label field.

Accept the default PopupMain that is automatically generated for the Name field.

Paste the contents of the PopupMain.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the PopupMain page and click on the Security link.

On the resulting page, select which profiles should have access and click on the Save button.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter Protected in the Label field.

Accept the default Protected that is automatically generated for the Name field.

Paste the contents of the Protected.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the Protected page and click on the Security link.

On the resulting page, ensure that the profile of your second user does not have access to the Protected page.

Log in using your second user credentials and attempt to access any account record. You will receive an error message as shown in the following screenshot:

Next, create the launch page controller by navigating to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the LaunchController.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Click on the New button.

Enter Launch in the Label field.

Accept the default Launch that is automatically generated for the Name field.

Paste the contents of the Launch.page file from the code download into the Visualforce Markup area.

Click on the Save button to save the page.

Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.

Locate the entry for the Setup page and click on the Security link.

On the resulting page, give access to all of the profiles and click on the Save button.

Create the unit test class by navigating to the Apex Classes setup page and by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the SearchFromURLControllerTest.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

On the resulting page, click on the Run Tests button.

Navigate to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the AccountContactsExt.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

Create the unit test class by navigating to the Apex Classes setup page by clicking on Your Name | Setup | Develop | Apex Classes.

Click on the New button.

Paste the contents of the AccountContactsExtTest.cls Apex class from the code download into the Apex Class area.

Click on the Save button.

On the resulting page, click on the Run Tests button.