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. 
        action:
        /content/usergenerated/core-components-examples/library/form-options/cq-gen1576759734929/
    
    2. 

    
  2. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    3. 

    
  3. 
        actionType:
        foundation/components/form/actions/store
    
    4. 



    
        

    



    
    
    
    
    


    

        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. 
        action:
        /content/usergenerated/core-components-examples/library/form/cq-gen1576159867766/
    
    2. 

    
  2. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    3. 

    
  3. 
        actionType:
        foundation/components/form/actions/store
    
    4. 



    
        

    



    
    
    
    
    


    

        Gender
        
        

            
        



            
        



            
        


    

    


    



    





    

    


    JSON

Drop-Down

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

    
    

    
  1. 
        action:
        /content/usergenerated/core-components-examples/library/form/cq-gen1576161785602/
    
    2. 

    
  2. 
        sling:resourceType:
        core-components-examples/components/form/container
    
    3. 

    
  3. 
        actionType:
        foundation/components/form/actions/store
    
    4. 



    
        

    



    
    
    
    
    


    
    

        
            
            
    



    



    





    

    


    JSON

Multi-select Drop-Down

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

    
    

    
  1. 
        jcr:title:
        Countries you've lived in
    
    2. 

    
  2. 
        source:
        local
    
    3. 

    
  3. 
        name:
        countries
    
    4. 

    
  4. 
        type:
        multi-drop-down
    
    5. 

    
  5. 
        sling:resourceType:
        core-components-examples/components/form/options
    
    6. 



    
        

    


    
    

        
            
            
    



    



    

    


    JSON

Built with Core Components 2.17.10.