Adaptiveness

The Kendo UI for jQuery OTPInput does not require specific adaptive rendering but enables you to configure a suitable input-specific keyboard that appears on touchscreen devices upon interaction.

On-Screen Keyboard

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

To configure an on-screen keyboard for the OTPInput, use 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 OTPInput.

EditPreviewOpen In Dojo

    <input id="dateinput" style="width: 100%;" />                
    <script>
      $(document).ready(function() {
        $("#dateinput").kendoOTPInput({
          items: 3,
          type:"number",
          inputMode: "numeric"
        })
      });
    </script>