Captcha

<< Click to Display Table of Contents >>

Navigation:  Widgets >

Captcha

Overview

The Captcha Widget for Bizagi is available for download at Bizagi Widget Xchange.

Through this Widget, you will be able to present a captcha control to make sure that end users work on a form manually (and validate that it's not done through robots).

 

Captcha_teaser

 

The presented captcha will demand that the user sorts out in order (from left to right, and from top to bottom), the numbers from 1 to 6 in that ascending order.

Once these numbers are re-arranged in such order by dragging and dropping them into position, this Widget will no longer show the required constraint in the Bizagi form (i.e, only then, clicking Next will complete the activity):

 

Captcha_result

 

note_pin

Notice that in order for Bizagi to run the validation successfully, this Widget should be required.

 

Before you start

In order to test and use this Widget, you will need:

1.Bizagi Studio previously installed.

2.This specific Widget previously installed, either as described at https://help.bizagi.com/platform/en/index.html?widget_xchange.htm, or as described at https://help.bizagi.com/platform/en/index.html?widgets_manualinst.htm.

 

Data model considerations

In order to use this Widget, you need in your data model:

A string type attribute which is used to enable a required validation in the Bizagi form.

 

PhoneNumber_datamodel

 

 

Properties configuration

In order to configure this Widget once it is installed in your project, include it in any form and set it properties in the Forms designer, just as you would do with any other type of Bizagi control.

 

Captcha_forms

 

Consider the following properties.

 

PROPERTY

POSSIBLE VALUES

DEFAULT VALUE / SUGGESTED

Data Binding

A string type attribute used temporarily to allow the required validation in Bizagi (which prevents the user from moving on until sorting this field).

Not applicable.

This property is mandatory.

Base color

The base color which is used for the numbers. Possibilities are: Green, Blue, Yellow, Red, Brown, Orange, White, Pink, Black or Gray.

Green.

Error Message

Message displayed when the validation fails. You can localize this message.

 

Captcha_forms1

The numbers are not in the correct order. Try again.

 

note_pin

Notice all Bizagi controls and Widgets, enable a visible property which allows you to set if that control should be displayed in a given form or not (e.g, by using a business rule).

 

This Widget is designed to be used both as editable and required.

 

For complete documentation or more information about this Widget's possibilities (e.g, if you wish to customize and extend it), refer to the information about the implemented jQuery Plugin at http://tympanus.net/codrops/2009/09/08/jquery-fancy-draggable-captcha/.


Last Updated 10/28/2022 9:48:45 AM