Image Choicev1

An image choice in an Adaptive Form allows users to select one or more options by clicking on images. It supports both single-select (radio button behavior) and multi-select (checkbox group behavior) modes, making it ideal for visual selection scenarios like choosing products, colors, or styles.

Examples

Single Select (Radio Behavior)

Simple Image Choice with two options in single-select mode.

Favorite Component

Choose one option.

Select your favorite form component.

    
    

    
  1. 
        jcr:title:
        Favorite Component
    
    2. 

    
  2. 
        description:
        <p>Select your favorite form component.</p>
    
    3. 

    
  3. 
        orientation:
        horizontal
    
    4. 

    
  4. 
        tooltip:
        <p>Choose one option.</p>
    
    5. 

    
  5. 
        imageSrc:
        /content/dam/core-components-examples/library/forms-components/radiobuttongroup.svg/_jcr_content/renditions/cq5dam.thumbnail.319.319.png,/content/dam/core-components-examples/library/forms-components/checkboxgroup.svg/_jcr_content/renditions/cq5dam.thumbnail.319.319.png,/content/dam/core-components-examples/library/forms-components/dropdown.svg/_jcr_content/renditions/cq5dam.thumbnail.319.319.png
    
    6. 

    
  6. 
        enum:
        radiobutton,checkbox,dropdown
    
    7. 

    
  7. 
        type:
        string
    
    8. 

    
  8. 
        enumNames:
        Radio Button,Checkbox Group,Dropdown
    
    9. 

    
  9. 
        selectionType:
        single
    
    10. 

    
  10. 
        sling:resourceType:
        forms-components-examples/components/form/imagechoice
    
    11. 

    
  11. 
        fieldType:
        radio-group
    
    12. 

    
  12. 
        tooltipVisible:
        true
    
    13. 



    
        

    





    
      

  Favorite Component


      
  

    
    
    

        
            

                
            

        
            

                
            

        
            

                
            

        
    


    
  

    
Choose one option.

  


    
  

    
Select your favorite form component.

  


    
    







    

    


    JSON

Built with Core Components 2.32.6.