Wizard v1

A Wizard layout in an Adaptive Form refers to a form that is divided into multiple steps or pages, with the user moving through the form one step at a time. This layout is called a "wizard" because it guides the user through the form in a step-by-step process.

Each step of the wizard typically contains a group of related form fields and a navigation mechanism, such as "Next" and "Back" buttons, to move between steps. The user can only proceed to the next step once the current step has been completed and all required fields have been filled out.

Wizard layout is useful for forms that have a lot of fields or information that need to be collected, as it breaks the form down into smaller, more manageable chunks. It also helps users to focus on one set of fields at a time, which can make the form-filling process less overwhelming.

However, it can also increase the complexity of the form, as the user has to go through several pages to complete the form. So it is necessary to evaluate the form requirement and user needs before deciding to use a wizard layout.

You can use the Wizard layout Core Component in an Adaptive Form to create Wizard layout.

Examples

Standard

Wizard with two panels representing a simple Contact Us Form.

This is a short description.

This is a long description.

    
    

    
  1. 
        jcr:title:
        Wizard
    
    2. 

    
  2. 
        description:
        <p>This is a long description.</p>
    
    3. 

    

    
  3. 
        tooltip:
        <p>This is a short description.</p>
    
    4. 

    
  4. 
        name:
        wizard_demo1675327969259
    
    5. 

    

    
  5. 
        sling:resourceType:
        forms-components-examples/components/form/wizard
    
    6. 

    
  6. 
        fieldType:
        panel
    
    7. 

    
  7. 
        tooltipVisible:
        true
    
    8. 



    
        

    




  

  

      
  

    
  

  

  
  

    
This is a short description.

  


  
    

      
This is a long description.

    





  

      
    
              
      
              
      

  


  

    
    
  


  
      

          


    
    
    
    

        

          
  

          
  

        

        
  

        
    

        
        












    

      
  

      
  

    

    
    
    
  

    
    

    
    







        
    




      

  
      

          


    
    
    
    

        

          
  

          
  

        

        
  

        
    

        
        





    

      
  

      
  

    

    
    
    
  

    
    

    
    












    

      
  

      
  

    

    
    
  

    
    

    
    












    

      
  

      
  

    

    
    
  

    
    

    
    












    

      
  

      
  

    

    
    
    
  

    
    

    
    











  

    
  

  

  
  
  

  
    




        
    




      

  



  






  






    

    


    JSON

Built with Core Components 2.27.0.