Vertical Tabsv1

A Vertical tabs layout in an Adaptive Form is a way to organize and group related fields and sections of a form into separate tabs. Each tab is represented by a tab label, typically located at the top of the form, and contains a specific set of form fields and sections. This layout allows users to easily navigate and access different sections of the form, making it more user-friendly and less overwhelming. It is generally used when the form contains a lot of fields and sections, and it is necessary to divide them into smaller, manageable chunks.

Examples

Standard

Vertical Tabs with two panels representing a simple Contact Us Form

    
    

    
  1. 
        jcr:title:
        Vertical Tab
    
    2. 

    

    
  2. 
        name:
        verticaltabs1682498948981
    
    3. 

    

    
  3. 
        sling:resourceType:
        forms-components-examples/components/form/verticaltabs
    
    4. 

    
  4. 
        fieldType:
        panel
    
    5. 



    
        

    

  

     
  

     
  

     
  

     
  

    
  




 
    
     
     
 
     
     
 

 



    
    
    
    

        
  

        
  

        
  

        
  

    
  


        
        












    
  

    
    
    
  

    
  

    
  

    
  


    
    







        
    











    
    
    
    

        
  

        
  

        
  

        
  

    
  


        
        





    
  

    
    
    
  

    
  

    
  

    
  


    
    












    
  

    
    
  

    
  

    
  

    
  


    
    












    
  

    
    
  

    
  

    
  

    
  


    
    












    
  

    
    
    
  

    
  

    
  

    
  


    
    











  
  
  

  
  

  
  

    
  





        
    











    



 





    

    


    JSON

Built with Core Components 2.24.6.