Hello Community,
I've been scouring the community to see if I could find some solid information to reference on this issue but I've come up empty on everything I have found and tried. I am wondering if anyone has found a way to get a DOM element on the Service Portal from a client script. Before switching to the Service Portal, we implemented some field formatting via an onLoad client script that utilized the g_form.getElement() method which is now deprecated(along with g_form.getFormElement). I am able to utilize the g_form.getControl() method but it does not contain the DOM element.
Here is a snippet of the method I am trying to use. It is in a global UI Script which has been loaded into my Service Portal via the Theme JS Includes...
function startPhoneNumberFormat(id){
var phoneNumberInput = g_form.getElement(id);
phoneNumberInput.addEventListener('input', function(event){
phoneNumberInput.value = formatPhoneNumber(this.value);
}, false);
phoneNumberInput.addEventListener('onChange', function(event){
phoneNumberInput.value = formatPhoneNumber(this.value);
}, false);
}
When I call the method from an onLoad client script, i get console errors saying that g_form is not defined.(This same error was mentioned in a different document i read). So, if I can't run this method, I'd settle for recreating the functionality locally for the catalog item but regardless of the approach, I need a way to identify and retrieve the DOM element. Any suggestions?
