cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Cris2
Helper II
Helper II

Change column of format type 'email' to text without hyperlink on portal

Hi

 

I have a column named email of Data type = 'Single line text'; Field type = 'Simple' and Format = 'Email'.

 

On the portal, when I am entering an email, I would like to:

1. Change the style to simple text without an underline.

2. Remove hyperlink, i.e. on single or double clicking on the email id, I do not want to open an email client.

 

Please let me know how can I achieve this using javascript and/or metadata on the portal management app.

 

Thanks

Cris

1 ACCEPTED SOLUTION

Accepted Solutions
hardikv
Super User
Super User

Hi @Cris2 

 

Please add below code to remove underline:

$(document).ready(function() { 
	$("#emailaddress1").attr("type","text");
	$("#emailaddress1").attr("onclick", null).off("click");
	$("#emailaddress1").attr("ondblclick", null).off("click");
	$("#emailaddress1").css("text-decoration", "none");
});

 

Glad to hear that your issue has been resolved. Please mark as answers so that it will be helpful to others.

View solution in original post

10 REPLIES 10
hardikv
Super User
Super User

Hi @Cris2 

 

Can you please post screenshot of your list and inspect element of email field?

 

As below:

Cris2_0-1632396079919.png

 

hardikv
Super User
Super User

Hi @Cris2 

 

It seems that email field is in FORM, not Entity List. Please confirm.

hardikv
Super User
Super User

Hi @Cris2 

 

Please add below code in JavaScript section in Basic Form:

$(document).ready(function() { 
	$("#emailaddress1").attr("type","text");
	$("#emailaddress1").attr("onclick", null).off("click");
	$("#emailaddress1").attr("ondblclick", null).off("click");
});

 

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!

Yes, you are right.

Hi @Cris2 

 

Please add below code in JavaScript section in Basic Form:

$(document).ready(function() { 
	$("#emailaddress1").attr("type","text");
	$("#emailaddress1").attr("onclick", null).off("click");
	$("#emailaddress1").attr("ondblclick", null).off("click");
});

 

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!

Thanks. This has worked.

How could I remove the underline?

hardikv
Super User
Super User

Hi @Cris2 

 

Please add below code to remove underline:

$(document).ready(function() { 
	$("#emailaddress1").attr("type","text");
	$("#emailaddress1").attr("onclick", null).off("click");
	$("#emailaddress1").attr("ondblclick", null).off("click");
	$("#emailaddress1").css("text-decoration", "none");
});

 

Glad to hear that your issue has been resolved. Please mark as answers so that it will be helpful to others.

hardikv
Super User
Super User

Hi @Cris2 

 

Did that help to solve your issue?

If yes, can you mark as the answer so it helps other users?

If no, let me know.

Helpful resources

Announcements
May UG Leader Call Carousel 768x460.png

June User Group Leader Call

Join us on June 28 for our monthly User Group leader call!

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Carousel News & Announcements 768460.png

What's New in the Community?

Check out the latest News & Events in the community!

MPP IDEAS updated 768x460.png

Ideas

Discover ideas and concepts from users like you for how to use Power Pages and take your work to the next level.

Top Solution Authors
Users online (1,181)