How to display History related list using <apex:relatedList> or by any other direct approach on a Visualforce page?

Question

I have a custom Visualforce page at the end of which I want to display some related object list (like Activity Histories, Notes and Attachments) as they are on the standard detail page of a record.

What should I use in a <apex:relatedList> tag to display Custom Object History related list?

For example: Assume the custom object name as Detail_Rec__c.

So I tried this:

<apex:relatedList list="Detail_Rec__Histories" />

and got "invalid child relationship name" error.

Answer 1

For notes and attachment use following name in tag:-

<apex:relatedList subject="{!account}" list="NotesAndAttachments" />

For Activity History:

<apex:relatedList subject="{!customObject__c}" list="ActivityHistories" />

For native object History Ex: Opportunity:

 <apex:relatedlist list="OpportunityHistories" title="Opp History"/>

Answer 2

Unfortunately, you cannot display the field history of a standard or custom object using the Related List tag. Apart from Jquery method shown by Aidan, you can also create a custom component to display the history related list.

There is a very good discussion on this with component code as well on the following link: https://developer.salesforce.com/forums?id=906F000000095wwIAA

Hope it helps.

Answer 3

Old question, I know, but I came here through Google. There is an alternative to custom components... (as long as you don't mind jQuery)

You can use <apex:detail> to get SF magic to put the related lists in, then use jQuery to remove all the bits you don't need. Not efficient in terms of page-loading, but works nicely to get hold of components that are not otherwise exposed in Visualforce.

Obviously, bring jquery in as a static resource:

<apex:includeScript value="{!URLFOR($Resource.jquery)}"/>

At the bottom of your page have:

<div id="objDetailForRelatedLists">
  <apex:detail relatedList="true" subject="{!myObj.id}" relatedListHover="false" inlineEdit="false" showChatter="false"  />
</div>

Then, somewhere else in the page:

<script>
$(document).ready(function() {
    $('#objDetailForRelatedLists').children().not('.bRelatedList').remove();
});
</script>