How can I make a drop down field read only?

Question

Hello all, 
 depending on the user choices, they can either be able to change a value or to just read only the values in an Interface. 
 For the text field is easy I just apply the readOnly parameter : 
 How can I make a dropdown field read only ?. 
 
 Kind Regards,

R.Nolan · Accepted Answer

To dive deeper into this, a disabled dropdown (revealing some previously selected choice, for example) is awkward. Using a conditional display of a read-only text field is the simplest solution to more elegant UI experience. However, even richer options exist when you abandon input components for read-only purposes. You can conditionally use rich text fields and icons to display that information in a way that draws more attention to it. We have found two common use cases in a lot of our work. One is where have a read-only interface that is separate from the input forms, used to display information to people who have a passive interest in the information. In this case. we may craft an entire UI experience that is different from the data entry. 
 Second where there are different business users who need to input information where the user's group membership or other criteria is used to determine whether a given field is read-only or available for edit. In this case, we still have an opportunity to give them the richest possible experience using the construct that Mark has proposed.

Mark Crowley · Answer

You can't make it inherently readOnly, but it can be disabled and not selected. A more common pattern would be if(condition, readOnlyTextField, dropdownField)

How can I make a drop down field read only?

Top Replies