Developer Guide

Captcha Widget Form Factors

The MTCaptcha captcha widget supports two distinct form-factors (display dimensions) to best satisfy the needs of different layouts.

Both form factors are

Responsive and suitable for desktop and mobile layouts, and can fit down to minimum of 270 pixels wide.
Accessibility (VPAT) compliant, with audio captcha, keyboard shortcut keys and fully tested with screen readers.

Standard (Default) Form Factor

The MTCaptcha Standard (default) form factor is larger and and visually stand alone, allowing it to be easily dropped into any layout.

Modern Mini Form Factor

The MTCaptcha Modern Mini form factor is designed to visually resonate with html text forms, it is compact and can be added to a form layout with minimal impact to design and dimensions.

To enable MTCaptcha Modern Mini compact layout, use the ‘widgetSize’ javascript config param.

<script>
var mtcaptchaConfig = {
  "sitekey": "<YOUR SITE KEY>",
  "widgetSize": "mini"
}
...
</script>

‍

In addition, the exact height and width of the modern mini widget can be configured via the ‘miniFormHeight’ and ‘miniFormWidth’ javascript config params.

‍

<script>
var mtcaptchaConfig = {
  "sitekey": "<YOUR SITE KEY>",
  "widgetSize": "mini",
  // minimum 265px, maximum 600px, default responsive
  "miniFormWidth" 400, 
  // minimum 42px,  maximum 55px, default 45px
  "miniFormHeight": 50 
}
...
</script>