New to Kendo UI for Vue? Start a free 30-day trial

Customizing Captcha

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-captcha-spacermap.get( $kendo-spacing, 2 )
Description
The spacer of the Captcha.
$kendo-captcha-width280px
Description
The width of the Captcha.
$kendo-captcha-font-familyvar( --kendo-font-family, inherit )
Description
The font family of the Captcha.
$kendo-captcha-font-sizevar( --kendo-font-size, inherit )
Description
The font size of the Captcha.
$kendo-captcha-line-heightvar( --kendo-line-height, normal )
Description
The line height of the Captcha.
$kendo-captcha-spacing$kendo-captcha-spacer
Description
The spacing of the Captcha.
$kendo-captcha-bgvar( --kendo-component-bg, initial )
Description
The background color of the Captcha.
$kendo-captcha-textvar( --kendo-component-text, initial )
Description
The text color of the Captcha.
$kendo-captcha-bordervar( --kendo-component-border, initial )
Description
The border color of the Captcha.
$kendo-captcha-image-wrap-spacing$kendo-captcha-spacer
Description
The spacing of the Captcha image wrapper.
$kendo-captcha-image-controls-spacingmath.div( $kendo-captcha-spacer, 2 )
Description
The spacing of the Captcha image controls.
$kendo-captcha-validation-offset-ymath.div( $kendo-captcha-spacer, 2 )
Description
The offset of the Captcha validation message.
$kendo-captcha-validation-font-sizevar( --kendo-font-size-sm, inherit )
Description
The font size of the Captcha validation message.

In this article

Not finding the help you need?