function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ 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
Hari Prakash Narasanna 10Hari Prakash Narasanna 10
Similar issue i am also facing any work around for this?

public class SalesCallAgendaViewController {
public Account acct {get; set;}
public Boolean rendered { get; set; }
public SalesCallAgendaViewController(ApexPages.StandardController controller){
this.rendered = false;
setupData();
}
public void setupData(){
this.acct = [ SELECT Id,Name
FROM Account
WHERE Id='0010I00002747Lk' // some valid Id
];
}

public void renderList() {
this.rendered = true;
}
}

****************************************
<apex:page standardController="Account" extensions="SalesCallAgendaViewController" tabStyle="Account">

<apex:outputpanel id="SalesCallAgendaTabPanel">
                <apex:detail relatedList="false" inlineEdit="true" /> 
 </apex:outputpanel>
 <apex:outputpanel id="fileList">
                <apex:relatedList rendered="{!rendered}" list="AttachedContentDocuments"/>               
     </apex:outputpanel>       
 <apex:form >            
<apex:tabPanel selectedTab="scadetails" id="SalesCallAgendaTabPanel2" >
<apex:tab title="Upload files" label="Upload here" id="scadetails">

</apex:tab>
</apex:tabpanel>
<apex:actionFunction action="{!renderList}" reRender="SalesCallAgendaTabPanel2,fileList" name="renderList" id="renderList"/>
</apex:form>

<script>
setTimeout(function() {
renderList();
}, 2000);

</script>

</apex:page>