Form Optionsv2

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

Using Core Components

Adobe Help Center

Examples

Checkbox

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. jcr:createdBy: admin
  3. action: /content/usergenerated/core-components-examples/library/form-options/cq-gen1576759734929/
  4. jcr:lastModifiedBy: admin
  5. jcr:created:
  6. jcr:lastModified:
  7. sling:resourceType: core-components-examples/components/form/container
  8. 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

Radio Button

Form Container with Form Option Radio Button displayed.

Gender
  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. action: /content/usergenerated/core-components-examples/library/form/cq-gen1576159867766/
  4. jcr:lastModifiedBy: admin
  5. jcr:created:
  6. jcr:lastModified:
  7. sling:resourceType: core-components-examples/components/form/container
  8. actionType: foundation/components/form/actions/store
    
        

    
Gender

Drop-Down

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

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. action: /content/usergenerated/core-components-examples/library/form/cq-gen1576161785602/
  4. jcr:lastModifiedBy: admin
  5. jcr:created:
  6. jcr:lastModified:
  7. sling:resourceType: core-components-examples/components/form/container
  8. actionType: foundation/components/form/actions/store
    
        

    

Multi-select Drop-Down

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

  1. jcr:primaryType: nt:unstructured
  2. jcr:createdBy: admin
  3. jcr:title: Countries you've lived in
  4. jcr:lastModifiedBy: admin
  5. source: local
  6. jcr:created:
  7. name: countries
  8. type: multi-drop-down
  9. jcr:lastModified:
  10. sling:resourceType: core/wcm/components/form/options/v2/options