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

PrefixOptions

configuration

The configuration for the prefix adornment of the component.

prefixOptions

Object

<input id="maskedtextbox" />
<script>
    $("#maskedtextbox").kendoMaskedTextBox({
        mask: "000000",
        prefixOptions: {
            template: () => `${kendo.ui.icon("search")}`
        }
    });
</script>

prefixOptions.icon

String

Defines the name for an existing icon in a Kendo UI theme or SVG content

<input id="maskedtextbox" />
<script>
    $("#maskedtextbox").kendoMaskedTextBox({
        mask: "000000",
        prefixOptions: {
            icon: "search"
        }
    })
</script>

prefixOptions.separator

Boolean

If set to false, the prefix adornment will not have a separator.

Default: true

<input id="maskedtextbox" />
<script>
    $("#maskedtextbox").kendoMaskedTextBox({
        mask: "000000",
        prefixOptions: {
            template: () => `${kendo.ui.icon("search")}`,
            separator: false
        }
    })
</script>

prefixOptions.template

String|Function

The template for the prefix adornment of the component.

<input id="maskedtextbox" />
<script>
    $("#maskedtextbox").kendoMaskedTextBox({
        mask: "000000",
        prefixOptions: {
            template: () => `${kendo.ui.icon("search")}`
        }
    })
</script>