Input Mask for Phone number field howto ?

Vaadin 6 / 7 / 8 Framework UI
1

I have a textfield for a phone number.

How do I set the input mask for this textfield to say (###) ###-####
so that user can enter like (918) 898-9999 ??

See for example with javascript http://www.xaprb.com/html-input-mask/html-form-input-mask.html

And see GWT forums http://www.extjs.com/forum/showthread.php?t=60916

2

This could be done as an own component. If there are any done GWT-only widgets then you could wrap these to Vaadin widgets quite easily. Only change I’d make would be make it extend Vaadin TextField instead of GWT TextBox.