Customer experience | Sales, Customer Insights,...

How to customize the behavior of the phone icon button on the phone number field

(0) Share

Report

Posted on by Community member

When I click the button, I want to execute custom logic.What should I do?

I have the same question (0)

All responses (3)

Answers (0)

Suggested answer

Dengliang Li Microsoft Employee on at

Like (1)

Report

Hi,

First, find the HTML element where the button is located in the browser's backend, and then add custom logic by getting the button through the element selector.

function onload(executionContext) {

//Set a delay of 3 seconds to wait for the form to finish loading.

setTimeout(function(){

//Get the Mobile Phone field Button element with the element selector.

var phone_btn = parent.parent.window.document.querySelector("span[data-id='mobilephone.fieldControl-phone-action-icon']");

//Add the click event to the button

phone_btn.addEventListener("click",function(){

//You can write custom logic here

alert("Hello, World!");

})

},3000)

}

The final result is shown below.

If my answer was helpful, please click Like, and if it solved your problem, please mark it as verified to help other community members find more.
If you have further questions, please feel free to contact me .

Best Regards,
Dengliang Li

Was this reply helpful? Yes No
Community member 3 on at

Like (0)

Report

I'm glad to receive your reply. Yes, currently, I'm also using this approach. It's an imperfect solution, and adding callbacks can help improve this method as much as possible. Because in the window load event, the elements have not yet been loaded.

TestPhoneNumberBtn: function () {

// Gets the element of the current button.
var phoneBtn = top.$('[data-id="mobilephonenumber.fieldControl-phone-action-icon"]');

if (phoneBtn .length > 0) {

// mark
phoneBtn .attr("mark", "mark");
phoneBtn .on('click', function () {
alert("Hello world!");
});

} else {

// no mark
if (phoneBtn .attr("mark") != "mark") {
setTimeout(function () {
TestPhoneNumberBtn();

}, 100);
}

}
}

Was this reply helpful? Yes No
Dengliang Li Microsoft Employee on at

Like (0)

Report

Hi,

Apologies for the defects in the solution, due to my lack of proficiency with JavaScript.

Thank you very much for being able to make improvements to the solution.

Best Regards,
Dengliang Li

Was this reply helpful? Yes No

Join the conversation

Community site session details

How to customize the behavior of the phone icon button on the phone number field

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates

Community site session details

How to customize the behavior of the phone icon button on the phone number field

Helpful resources

Quick Links

Responsible AI policies

Neeraj Kumar – Community Spotlight

Congratulations to the November Top 10 Community Leaders!

Subscribe to this forum!

Select categories

Leaderboard > Customer experience | Sales, Customer Insights, CRM

Featured topics

Product updates