CAPTCHA

From Wiki openElement
Jump to: navigation, search
Path: Elements / Form / CAPTCHA

Contents

Description

A CAPTCHA is a challenge-response test used to verify that the entity interacting with it is a person, and not a bot. This puzzle is useful for protecting form and signup pages from fraudulent or automated use.

Captcha2.png

Add a CAPTCHA Element

Drag-and-Drop the element Captcha from the elements menu anywhere on the page.

Configuration

These are the properties specific to the CAPTCHA element. These properties can be configured from the elements and styles menu -> Properties.

Captcha3.png


Appearance

  • Height of Puzzle: Choose the height of the CAPTCHA cryptogram in pixels.
  • Width of Puzzle: Choose the width of the CAPTCHA cryptogram in pixels.


Behavior

  • Maximum Number of Attempts: Choose how many times a user can load the cryptogram.
  • Reload Time: Wait time (in seconds) before being able to reload the puzzle.


Characters

  • Maximum Angle: Maximum rotation angle of characters in puzzle (0 to 360 degrees).
  • Brightness of characters: (Neutral Colors, dark, very dark, light, or very light).
  • Character Color: Base color of puzzle's characters (Custom, Web, or System).
  • Random Colors: Sets character color to random.
  • Vertical Character Movement: Random vertical displacement of characters.
  • Space Between Characters: The amount of space between characters (Select automatic or important, as well as the unit and value).
  • Minimum Character Size: Minimum size of characters in pixels.
    (Select automatic or important, as well as the unit and value).
  • Transparency of Characters: Select whether or not CAPTCHA characters have some transparency.


Common

  • Filter by Language: Choose whether or not to display the element depending on the language the page is in.
  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.
  • Resizing: Change how the element is able to be resized.
    • Auto: The element adapts to the size of its content in height and width.
    • Height Only: The element can only be resized height-wise.
    • Width Only: The element can only be resized width-wise.
    • Height and Width: Element can be resized in height and width to a fixed size of your choice.


Edit

  • Case Sensitive: Choose whether or not CAPTCHA code authentication should be case sensitive (differentiate between upper and lower case letters).
  • Error Message: Message displayed if CAPTCHA code entered is incorrect.
  • Maximum Number of Characters: Maximum number of characters in the puzzle.
  • Minimum Number of Characters: Minimum number of characters in the puzzle.


Noise

  • Over: Choose whether the "noise" should be over the characters (checked) or behind them.
  • Maximum Circles: Maximum number of random circles.
  • Minimum Circles: Minimum number of random circles.
  • Color: Color of pixels, lines, and circles of noise. Options are "same" or "random".
  • Maximum Lines: Maximum number of random lines.
  • Minimum Lines: Minimum number of random lines.
  • Maximum Pixels: Maximum number of random pixels.
  • Minimum Pixels: Minimum number of random pixels.


Design and Presets

There are numerous style presets available for this element in the Cloud Library. Presets can be accessed through the Elements and Styles Menu, under the Styles tab, in Style Presets.

To change its appearance, users must override the element's various style zones.

Captcha4.png Cryptogram
Default Value:
Height: 30px
Width: 150px
Transparency: 100
Display: Line-block
Text Vertical Alignment: Middle

Captcha5.png Reload
Default Value:
Height: 17px
Width: 17px
Transparency: 100
Display: Line-block
Text Vertical Alignment: Middle

Captcha7.png Left of Input Field
Default Value:
Transparency: 100
Display: Line-block
Text Vertical Alignment: Middle

Captcha8.png Right of Input Field
Default Value:
Transparency: 100
Display: Line-block
Text Vertical Alignment: Middle

Captcha9.png Input Field
Default Value:
Transparency: 100
Display: Line-block
Text Vertical Alignment: Middle

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox