Courtney,
I’ve had good luck using jQuery extensions for phone number masking. I load that extension as a static resource on the page and use a snippet as a custom renderer on the phone number field.
Snippet:
var field = arguments[0], value = arguments[1]; skuid.ui.fieldRenderers[field.metadata.displaytype][field.mode](field,value); if (field.mode == 'edit'){ //setup before functions var typingTimer; //timer identifier var doneTypingInterval = 10; //time in ms, 5 second for example var $input = skuid.$("input", field.element); //on keyup, start the countdown $input.on('keyup', function () { clearTimeout(typingTimer); typingTimer = setTimeout(doneTyping, doneTypingInterval); }); //on keydown, clear the countdown $input.on('keydown', function () { clearTimeout(typingTimer); }); //user is "finished typing," do something function doneTyping () { //do something skuid.$("input", field.element).inputmask("(999) 999-9999",{ "placeholder": '_' }); } } else { skuid.ui.fieldRenderers[field.metadata.displaytype][field.mode](field,value); }<br>
