Related list Hover Links on Custom VF page

Due to some hard constraints, some time we have overridden the Detail page with a VF page that uses the apex:detail tag with relatedList = false.  To display the related lists selectively to profiles

 One of the lacking features with this approach is that you no longer have the hover links for the related lists at the top of the page.  

Un-managed Package :

https://login.salesforce.com/packaging/installPackage.apexp?p0=04t90000000EZm5

Ø  The requirement is to show the hover links like standard detail page on an override VF page. To cater the requirement I have developed two VF components. First one is for the header part which will initialize the hover link section and the second one will show & register the hover links associated with the object in a user defined order.

Ø  I have used custom setting to store the configuration of the hover links.  As of now and as clarified in the requirement hover links are same for all the users but it can be easily configured for profile level as well as for user level.

Ø  I have also given an UI to modify the order in which the hover links will appear as well as the component can be reused for any other object with proper custom setting configuration

Ø  Salesforce standard functions is been used to archive the requirement, for that source code of rendering the hovering link is used according to our needs. 

Ø  I have used JavaScript remoting along with JQuery ,Bootstrap 3 & Datatable to provide an easy UI to manipulate the order of the hover links

1.1      Components

  

1.1.1     Custom Setting

Serial No	Name	Description
	Hover_Config__c	This will hold the configuration for a particular object

1.1.2     Apex Component

Serial No	Name	Description
	HoverHeader	Component will register the Link component with Page
.	HoverFooter	Component will register the related list need to be shown on the UI. and show the hover links in a predefined manner

1.1.3     Visualforce page

Serial No	Name	Description
	AccountDetail	Sample demo of account override
	OpportunityDetail	Sample demo for Opportunity override
	ConfigEdit

1.1.4     Apex Class

Serial No	Name	Description
	ConfigEditController	Controller class for the Edit UI of config
	HoverFooterController	Controller for the HoverFooter Component
	TESTAppController	Test class for the application

 Demo video 

Application ZIP

https://drive.google.com/folderview?id=0B5TneolnEkocWGlzc2FHVl90Wms&usp=sharing