Form Text_v2

Form Text allows a user to create different input fields to collect information the user can use later on.

Technical Documentation

GitHub

Using Core Components

Adobe Help Center

Examples

Form text field on dark background

Properties
Markup
JSON


    
    
    
    

    
    
    
    
        action:
        /content/usergenerated/component-library/library/form/cq-gen1576157004947/
    

    
    
    
    
        sling:resourceType:
        sonova/components/form/container
    

    
    
    
    
        actionType:
        foundation/components/form/actions/store

    
        

    













    
    

    
    
    
    
    
    

      
  
  
  First Name
  


  
  
  E-Mail
  You need to add your email to log in


  
  
  Message


    JSON

Form Text Numbers

Core Form Container with Form Text variations: Phone Number, Date, Number fields as child elements.

Properties
Markup
JSON


    
    
    
    

    
    
    
    
        action:
        /content/usergenerated/component-library/library/form/cq-gen1576159867766/
    

    
    
    
    
        sling:resourceType:
        sonova/components/form/container
    

    
    
    
    
        actionType:
        foundation/components/form/actions/store

    
        

    













    
    

    
    
    
    
    
    

      
  
  
  Phone Number
  


  
  
  Date
  


  
  
  Favorite number


    JSON

Form Text Password

Core Form Container with Form Text Password. It hides the input from being visible.

Properties
Markup
JSON


    
    
    
    

    
    
    
    
        action:
        /content/usergenerated/component-library/library/form/cq-gen1576161785602/
    

    
    
    
    
        sling:resourceType:
        sonova/components/form/container
    

    
    
    
    
        actionType:
        foundation/components/form/actions/store

    
        

    













    
    

    
    
    
    
    
    

      
  
  
  Set Password
  


  
  
  Confirm
  It is required to insert password twice


    JSON

Form Text Error States

Core Form Container with two input fields that are marked as required, when the form submit button is pressed, will show error states of fields.

Properties
Markup
JSON


    
    
    
    

    
    
    
    
        action:
        /content/usergenerated/component-library/library/form/cq-gen1576157004947/
    

    
    
    
    
        sling:resourceType:
        sonova/components/form/container
    

    
    
    
    
        actionType:
        foundation/components/form/actions/store

    
        

    













    
    

    
    
    
    
    
    

      
  
  
  Name
  This field is required.


  
  
  E-Mail
  This field is required.


    JSON

Lead Form Example

Core Form Container with three input fields that are marked as required,

Properties
Markup
JSON


    
    
    
    

    
    
    
    
        redirect:
        /content/phonak/samples/ca/en
    

    
    
    
    
        id:
        form-id
    

    
    
    
    
        sling:resourceType:
        sonova/components/form/container
    

    
    
    
    
        errorMsg:
        Test Error Message
    

    
    
    
    
        actionType:
        sonova/components/form/actions/b2bleadgeneration

    
        

    













    
    

    
    
    
    
    
    

      
  
  
  email
  This field is requared


  
  
  firstName
  This field is required


  
  
  lastName
  This field is required


    JSON

Structure

Content

Form

Example Pages

Example Forms

Information

Form Textv2