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

Customizing Messagebox

Variables

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$kendo-message-box-margin0 0 map.get( $kendo-spacing, 3 ) 0
Description
Margin around the message box.
$kendo-message-box-padding-xmap.get( $kendo-spacing, 3 )
Description
Horizontal padding of the message box.
$kendo-message-box-padding-ymap.get( $kendo-spacing, 2 )
Description
Vertical padding of the message box.
$kendo-message-box-border-width0
Description
Border width of the message box.
$kendo-message-box-border-stylesolid
Description
Border style of the message box.
$kendo-message-box-font-familyvar( --kendo-font-family, inherit )
Description
Font family of the message box.
$kendo-message-box-font-sizevar( --kendo-font-size-sm, inherit )
Description
Font size of the message box.
$kendo-message-box-line-heightvar( --kendo-line-height-sm, normal )
Description
Line height of the message box.
$kendo-message-box-link-font-stylenormal
Description
Font style of the message box links.
$kendo-message-box-link-decorationunderline
Description
Text decoration of the message box links.
$kendo-message-box-link-textvar( --kendo-link-text, initial )
Description
Text color of the message box links.
$kendo-message-box-link-hover-textvar( --kendo-link-hover-text, initial )
Description
Hover text color of the message box links.

In this article

Not finding the help you need?