How can I make a drop down field read only?

RE: How can I make a drop down field read only?

Harshit Bumb (Appyzie) — Sun, 27 Feb 2022 11:57:46 GMT

Hi there,

While working with showing values of a dropdown in a readOnly field (eg. richTextDisplayField() or textField()), do remember to use the displayValue() function to not show the selected value (which in the general case is not a user-friendly value) rather show the selected label.

RE: How can I make a drop down field read only?

R.Nolan — Sat, 26 Feb 2022 19:31:23 GMT

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.

RE: How can I make a drop down field read only?

Mark Crowley — Fri, 25 Feb 2022 21:22:30 GMT

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)