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

SuffixOptions

configuration

The configuration for the suffix adornment of the component.

suffixOptions

Object

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

suffixOptions.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",
        suffixOptions: {
            icon: "search"
        }
    })
</script>

suffixOptions.separator

Boolean

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

Default: true

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

suffixOptions.template

String|Function

The template for the suffix adornment of the component.

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