Form Options_v2

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

Technical Documentation

GitHub

Using Core Components

Adobe Help Center

Examples

Checkbox

Core Form Container with Form Option Checkboxes.

Properties
Markup
JSON


    

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

    
        sling:resourceType:
        core-components-examples/components/form/container
    

    
        actionType:
        foundation/components/form/actions/store

    
        

    

    
    
    
    
    

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

            
                
                I attend with spouse
            
        

            
                
                I eat meat
            
        

            
                
                I am vegetarian
            
        

            
                
                Spouse is vegetarian
            
        

            
                
                Spouse eats meat


    JSON

Radio Button

Core Form Container with Form Option Radio Button displayed.

Properties
Markup
JSON


    

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

    
        sling:resourceType:
        core-components-examples/components/form/container
    

    
        actionType:
        foundation/components/form/actions/store


    JSON

Drop-Down

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

Properties
Markup
JSON


    

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

    
        sling:resourceType:
        core-components-examples/components/form/container
    

    
        actionType:
        foundation/components/form/actions/store

    
        

    

    
    
    
    
    

    
    
        Nationality


    JSON

Multi-select Drop-Down

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

Countries you've lived in

Properties
Markup
JSON


    

    
        jcr:title:
        Countries you've lived in
    

    
        source:
        local
    

    
        name:
        countries
    

    
        type:
        multi-drop-down
    

    
        sling:resourceType:
        core-components-examples/components/form/options

    
        

    

    
    
        Countries you've lived in


    JSON

Core Structure

Core Content

Core Form

Commerce

Forms And Communications Portal

Adaptive Forms

Form Optionsv2