Buttonv1

A button in an Adaptive Form is a UI element that allows users to initiate an action when clicked. The button element can be used to submit a form, reset a form, or perform other actions such as navigating to a different page or triggering custom code. The button can be created using the Button Core Component and can be styled using CSS.

The Adaptive Forms Rule Editor allows users to set various actions for the button component. These actions include opening a website, showing or hiding form components, adding an instance of a panel or component, submitting or resetting a form, and more.

Adaptive Forms also provide separate button components for submitting or resetting a form, but the button component can also be configured to perform these actions if needed.

Users can access the complete list of actions supported for the button component by using the Adaptive Forms Rule Editor. The Rule Editor allows users to create rules that are triggered by various events, such as when a button is clicked, when a form is loaded, or when a field value changes. These rules can then be used to perform various actions, such as showing or hiding components, setting field values, or submitting the form.

Examples

Standard

Simple Button with only a text configured.

This is a short description.

This is a long description.

    
    

    

    
  1. 
        jcr:title:
        Button
    
    2. 

    
  2. 
        description:
        <p>This is a long description.</p>
    
    3. 

    

    
  3. 
        tooltip:
        <p>This is a short description.</p>
    
    4. 

    

    

    
  4. 
        sling:resourceType:
        forms-components-examples/components/form/button
    
    5. 

    
  5. 
        fieldType:
        button
    
    6. 

    
  6. 
        tooltipVisible:
        true
    
    7. 



    
        

    




  

    
  

  

  
  
  

    
This is a short description.

  


  
    

      
This is a long description.

    





    

    


    JSON

Built with Core Components 2.27.0.