2

What is the terminology of the following UI elements in this screenshot?

These UI elements are readonly field values; these values can be edited by the Update (Modifier in French) link button.

I looked for the right terminology to use in search engines, to find UX Design examples.

enter image description here

Improve this question

3 Answers 3

Reset to default
3

I think readonly field isn't a bad name for the individual elements. People can refer to this as a label field or a display field.

Possibly as a higher level concept, the page itself could be a:

  • readonly page
  • information page
  • display page

If you're looking for a way to describe the field and it's associated update function then I'd describe the field as mode switching - it has a display mode and an edit mode which you activate with the update link.

Improve this answer
1

Google Material Design calls them "read-only fields" and that would be widely understood by UX designers and developers.

Improve this answer
1

Those are labels that are being replaced by textboxes when you click "Modify" They are not disabled and they are not readonly textboxes

Improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.