+ Start a Discussion

apex:tabpanel causing havoc with timeline component

Hi Everyone

I've installed the Salesforce Labs Timeline from AppExchange (https://appexchange.salesforce.com/listingDetail?listingId=a0N3000000B54hhEAB) - a really neat timeline. It works great except when I embed it in a VF page with <apex:tabpanel> : If I do this, then the timeline Filter never works. Everytime I click on it I see Chrome's console reports "Uncaught TypeError: Cannot read property 'slideDown'". I have tried all combinations of jquery.noconfilct to no avail. ANY HELP WILL BE MOST SINCERELY APPRECIATED!

This is what my VF Page looks like

<apex:page sidebar="false" showheader="false" >
<apex:form >

<apex:tabPanel headerAlignment="right"  tabClass="activeTab" inactiveTabClass="inactiveTab"  switchType="client"   id="theTabPanel">
	<apex:tab label="Patient Overview" name="overview" >
    	  <slt:Timeline id="timeline" value="{!$CurrentPage.Parameters.Id}" csat="false" />

	<apex:tab label="Tab2"  >

	<apex:tab label="Tab3"  >



May I know if you created a local "TimelineEvents" Visualforce page as listed in the instructions document?  (Page 15)


If not please let me know and I will try replicating it in my org

Thank you

Yes I have created the TimeLineEvents VF page as per the manual - the timeline also displays 100% - it is just the filter that does not respond (when it is on page with apex:tabpanel