Scribblev1

A Scribble component allows users to manually draw or input their signature using a mouse. This component is commonly used in forms that require user authentication, acknowledgment, or consent.

The Scribble component can be placed within a form and is typically accompanied by a label that clearly indicates its purpose. It captures freehand input as image data and can be stored as a base64 image or transmitted as part of the form data.

Examples

Standard

The component, simply displaying placeholder data.

Erase Current Signature?

This will permanently remove the signature you've drawn. Do you wish to proceed and begin again? 
    
    

    

    
  1. 
        jcr:title:
        Scribble
    
    2. 

    
  2. 
        fd:viewType:
        signature
    
    3. 

    
  3. 
        format:
        data-url
    
    4. 

    

    
  4. 
        fd:dialogLabel:
        Please sign here
    
    5. 

    

    
  5. 
        name:
        scribble1750313569015
    
    6. 

    
  6. 
        type:
        string
    
    7. 

    
  7. 
        placeholder:
        Type Your Signature Here
    
    8. 

    

    
  8. 
        sling:resourceType:
        forms-components-examples/components/form/scribble
    
    9. 

    
  9. 
        fieldType:
        file-input
    
    10. 



    
        

    








    

      
  

      
  

    


    

    
  


    
  


    
    


      
      

        
Erase Current Signature?

        

          

            This will permanently remove the signature you've drawn. Do you wish to proceed and begin again?
          

          

            
            
          

        

      






    

    


    JSON

Built with Core Components 2.32.6.