On-Screen Keyboard

To enhance the mobile user experience of your application, you can configure the type of the on-screen keyboard for the MaskedTextBox component.

To configure an on-screen keyboard for the MaskedTextBox, set the inputMode property to a supported value. Based on the defined setting, the browser will display the most appropriate virtual keyboard on the screen.

The following example demonstrates how to configure an on-screen keyboard for the Kendo UI for jQuery MaskedTextBox.

EditPreviewOpen In Dojo

    <input id="phone_number"/>   
    <script>
      $(document).ready(function() {
        $("#phone_number").kendoMaskedTextBox({
          inputMode: "numeric",
          mask: "[phone]-00"         
        });
      });
    </script>