Unanswered

Set web form fields dynamically to read only based on field value

(0) Share

Report

Posted on by Edwin_VH

Hi all,

Can anyone give some guidance on how to set certain or all fields on a web form to read-only based on the value of a field (status).

So for example, when the status field contains the value 'closed' all fields should be set to read-only. When the status = 'open' all fields should be set to editable. When the status = 'awaiting input' some fields should be set to read-only.

I expect this can be done with custom Javascript code but do not know how.

Categories:

Power Apps portals

I have the same question (0)

All responses (3)

Answers (0)

H V 1,510 on at

Like (0)

Report
Copy link

Link copied!

Hi @Edwin_VH

Can you please provide me screenshot of Status field and field which you want to make readonly?

Was this reply helpful? Yes No
Edwin_VH 15 on at

Like (0)

Report
Copy link

Link copied!

Thanks. I tried this but how to figure out the field_logicalname? Is that the ID or the Name tag of the field?
I tried both but it's not working.

Was this reply helpful? Yes No
H V 1,510 on at

Like (0)

Report
Copy link

Link copied!
Hi @Edwin_VH

Please add below code in Custom Javascript&colon;
Go to your basic form
Click on Additional Settings tab
Add below code in Custom Javascript textbox
$(document).ready(function() { $("#statecode").change(function() { var text = $("#statecode option:selected").text(); if(text == "closed") { $("#field_logicalname").attr('readonly') } else if (text == "awaiting input") { $("#field_logicalname").attr('readonly') } else{ //For remove readonly //$("#location").removeAttr('readonly') } }); })

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

Was this reply helpful? Yes No