+ Start a Discussion
Wayne Solomon 2016Wayne Solomon 2016 

Files related list not working when apex:tabpanel is added

Hi 

Whenever I add an apex:tabpanel component to a vf page the new Files related list upload button doesn't upload the selected file.  Once I remove the apex:tabpanel component then Files start uploading

<pre>

<apex:page standardController="Account">

    <!-- component causing issue -->
    <apex:tabPanel ></apex:tabPanel>
    
    <!-- classic attachments related list works regardless of apex:tabpanel component-->
    <apex:relatedList subject="{!account.id}" list="CombinedAttachments" />
    
    <!-- new salesforce files related list doesn't work with apex:tabpanel component -->
    <apex:relatedList subject="{!account.id}" list="AttachedContentDocuments" />
    
</apex:page>

</pre>
Best Answer chosen by Wayne Solomon 2016
Wayne Solomon 2016Wayne Solomon 2016
This has never been resolved, but my workaround was to show Files related list underneath the tab panel and conditionally show and hide it based on the tab the user is on.  Hope this helps.

All Answers

Simon WalkerSimon Walker
Hi - did you ever fix this issue? 
Zachary Alexander 30Zachary Alexander 30
Yes, this is a problem for us as well. The following page fails:
 
<apex:page standardController="HB_Locations__c">
    
    <apex:relatedList subject="{!HB_Locations__c}" list="AttachedContentDocuments"/>
        
        <apex:tabPanel switchType="client" selectedTab="SummaryInfo" 
                       id="ComplianceIssueTabPanel" tabClass="activeTab" 
                       inactiveTabClass="inactiveTab" width="auto !important" >  
            
            <apex:tab label="General Info" name="GeneralInfo" >

            </apex:tab>
            
            <apex:tab label="Address & Capacity" name="Address" >

            </apex:tab>      
            
            <apex:tab label="Leadership" name="Leadership" >

            </apex:tab>      
            
            <apex:tab label="Billing Providers" name="BillingProviders" >

            </apex:tab>  
            
            <apex:tab label="CBC Specialists" name="CBCspecialists" >

            </apex:tab>  
            
            <apex:tab label="Field Liasons" name="FieldLiasons" >

            </apex:tab>    
            
            <apex:tab label="Credentialing Info" name="CredentialingInfo"> 

            </apex:tab>   
            
            <apex:tab label="Lease" name="Lease">
   
            </apex:tab>  
            
            <apex:tab label="Maintenance" name="Maintenance">
                  
                
            </apex:tab>  
            
            <apex:tab label="System Info" name="SystemInfo" >
                   
            </apex:tab>
            
            <apex:tab label="Notes and Attachments" >

            </apex:tab>
            
            <apex:tab label="Files" name="Files" >

            </apex:tab>
            
            <apex:tab label="Related Lists" name="RelatedLists" >
               
            </apex:tab>  
        </apex:tabPanel>

</apex:page>

 
Wayne Solomon 2016Wayne Solomon 2016
This has never been resolved, but my workaround was to show Files related list underneath the tab panel and conditionally show and hide it based on the tab the user is on.  Hope this helps.
This was selected as the best answer
傑 江尻 6傑 江尻 6
Known Issues

Cannot read property 'isFileSync' of undefined is getting thrown
https://success.salesforce.com/issues_view?Id=a1p3A000001SoQ5