Form Optionsv2

Form Options allows a user to create a form with different option layouts. 

Using Core Components

Adobe Help Center

Examples

Checkbox

Core Form Container with Form Option Checkboxes. 

Venue Planning

We like to plan our events and prepare the meals in advance, please help us by choosing your preferences

    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        action:
        /content/usergenerated/core-components-examples/library/form-options/cq-gen1576759734929/
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  5. 
        jcr:created:
        
    
    6. 

  6. 
        jcr:lastModified:
        
    
    7. 

  7. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    8. 

  8. 
        actionType:
        foundation/components/form/actions/store
    
    9. 




    
        

    



    
    
    
    
    


    

        
            Venue Planning
            






        
        
        
We like to plan our events and prepare the meals in advance, please help us by choosing your preferences

    



    




    





    

    


    JSON

Radio Button

Core Form Container with Form Option Radio Button displayed.

Gender 
    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        action:
        /content/usergenerated/core-components-examples/library/form/cq-gen1576159867766/
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  5. 
        jcr:created:
        
    
    6. 

  6. 
        jcr:lastModified:
        
    
    7. 

  7. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    8. 

  8. 
        actionType:
        foundation/components/form/actions/store
    
    9. 




    
        

    



    
    
    
    
    


    

        
            Gender
            



        
        
        
    



    




    





    

    


    JSON

Drop-Down

Core Form Container with Form Option Drop-Down as child element.

    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        action:
        /content/usergenerated/core-components-examples/library/form/cq-gen1576161785602/
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  5. 
        jcr:created:
        
    
    6. 

  6. 
        jcr:lastModified:
        
    
    7. 

  7. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    8. 

  8. 
        actionType:
        foundation/components/form/actions/store
    
    9. 




    
        

    



    
    
    
    
    


    

        
        
            
            
        
        
    



    




    





    

    


    JSON

Multi-select Drop-Down

Core Form Container with Multi-Select Drop-Down as child element.

    
    
  1. 
        jcr:primaryType:
        nt:unstructured
    
    2. 

  2. 
        jcr:createdBy:
        admin
    
    3. 

  3. 
        jcr:title:
        Countries you've lived in
    
    4. 

  4. 
        jcr:lastModifiedBy:
        admin
    
    5. 

  5. 
        source:
        local
    
    6. 

  6. 
        jcr:created:
        
    
    7. 

  7. 
        name:
        countries
    
    8. 

  8. 
        type:
        multi-drop-down
    
    9. 

  9. 
        jcr:lastModified:
        
    
    10. 

  10. 
        sling:resourceType:
        core/wcm/components/form/options/v2/options
    
    11. 




    
        

    


    

        
        
            
            
        
        
    



    




    

    


    JSON

Built with Core Components 2.15.2.