Keyboard type with Masked Input

[Kyle]

Is there any way to set a keyboard type when using a Masked Input field? We are making use of it for some numeric-only fields, however I can't find any way to make the keyboard default to a numerical keyboard.

 

Even the example project has phone number input using the default text keyboard. Is there no way to set which keyboard type to use?

[Stefan Nenchev]

Hello, Kyle,

You can create custom renderers and set the keyboard types on the platform specific elements. For example:

Android:

[assembly: Xamarin.Forms.ExportRenderer(typeof(Telerik.XamarinForms.Input.MaskedInputElement), typeof(MyCustomMaskRenderer))]
namespace MaskInputKeyboard.Droid.CustomRenderer
{
    public class MyCustomMaskRenderer : MaskedInputRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<MaskedInputElement> e)
        {
            base.OnElementChanged(e);
            var inputType = this.Control.InputType;
            this.Control.SetRawInputType(Android.Text.InputTypes.ClassNumber);
        }
    }
}

iOS:

[assembly: Xamarin.Forms.ExportRenderer(typeof(Telerik.XamarinForms.Input.MaskedInputElement), typeof(MyCustomMaskRenderer))]
namespace MaskInputKeyboard.iOS.CustomMaskRenderer
{
    public class MyCustomMaskRenderer : MaskedInputRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<MaskedInputElement> e)
        {
            base.OnElementChanged(e);
            this.Control.KeyboardType = UIKeyboardType.DecimalPad;
        }
    }
}

I hope the information will be useful.

Have a great rest of the week.

Regards,
Stefan Nenchev
Progress Telerik