eSignature For Reactive

Introduction:

In today's digital landscape, one such ground-breaking technology that has gained immense popularity is electronic signatures, or eSignatures. In this article, we'll delve into the transformative power of eSignatures and how the Reactive Forge component in OutSystems is paving the way for a seamless and paperless future.

OutSystems Reactive Forge Component:

OutSystems, a leading low-code development platform, empowers organizations to build scalable and robust applications rapidly. The Reactive Forge component is a testament to OutSystems' commitment to staying at the forefront of technological advancements. This component seamlessly integrates eSignature capabilities, allowing developers to enhance their applications with the power of digital signatures.

The Rise of eSignatures:

Traditional paper-based signatures are becoming obsolete as organizations recognize the numerous benefits of eSignatures. From reducing paperwork and improving document turnaround time to enhancing security and compliance, eSignatures offer a host of advantages. With the advent of low-code platforms like OutSystems, integrating eSignature capabilities into applications has never been more accessible.

Key Features of the Reactive Forge eSignature Component:

• Drag-and-Drop Functionality: The component provides a user-friendly interface, allowing developers to effortlessly integrate eSignature capabilities into their applications through a simple drag-and-drop mechanism.
• Customization Options: Businesses have diverse needs, and the Reactive Forge eSignature component recognizes that. Developers can customize the appearance and behavior of the eSignature feature to align with their application's unique requirements.
• How to Use:
• Basically, you have to download and install the plugin from Forge directly from the application.
• You may find it under your application's manage dependencies section, where it will then display actions for you to take.

• Drag and drop the eSignatureForReactive block onto the screen.

1. Pen Color - Color of the Signature Pen

2. LineWidth - Thickness for the line drawn by Signature Pad

3. BackgroundColor - Background color of the canvas

4. EnableSignaturePad - Parameter to enable/disable Signature Pad

5. ShowResetButton - To Reset the canvas to blank (erase the signature).

6. ResetButtonLabel - Label for the Reset button

7. ExtendedClassForResetButton - To apply additional css to the Reset Button

8. OnSignatureChange - Set this value to true, when you want to handle the changes in the Signature based on "OnChange" event.

When this value will be true, an event will be triggered to parent WB/Screen, for the changes made to signature.

9. SubmitButtonLabel - Label for Submit button

10 - ExtendedClassForSubmitButton - To apply additional css on submit button.

11. SetSignature - If you want to pre-populate the signature, then pass the URL of the signature to this input parameter.

• Create required attribute in your database and also create 3 screen action in your required screen called Reset, Modify and Final.