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

(0) Share

Report

Posted on by Cris2

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

Categories:

Power Apps portals

All responses (10)

Answers (1)

Sort by

H V 1,510 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Cris2

Can you please post screenshot of your list and inspect element of email field?
Cris2 88 on at

Like
a
(0)

Report
Copy link

Link copied!

As below:
H V 1,510 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Cris2

It seems that email field is in FORM, not Entity List. Please confirm.
H V 1,510 on at

Like
a
(1)

Report
Copy link

Link copied!
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!
Cris2 88 on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, you are right.
H V 1,510 on at

Like
a
(0)

Report
Copy link

Link copied!
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!
Cris2 88 on at

Like
a
(0)

Report
Copy link

Link copied!

Thanks. This has worked.
How could I remove the underline?
Verified answer

H V 1,510 on at

Like
a
(2)

Report
Copy link

Link copied!
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.
H V 1,510 on at

Like
a
(0)

Report
Copy link

Link copied!

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.
Cris2 88 on at

Like
a
(0)

Report
Copy link

Link copied!

Yes, it has worked now. Thank you for your helps. Much appreciated!