Skip to main content
Tweeted twitter.com/StackUX/status/1126638164230266880

Read-only fields in material designMaterial Design

I am wondering how to style the fields in a form for users that have read-only access.

As per MD guidlinesthe Material Design guidelines, read only-only fields should have a help text stating they are read-only. However, in thecase of a situation where tothe whole form is read only as user can only view it-only, how should I style themthe text fields?

Should I use a disabled field stylingstyle? Or shouldShould I remove the outlined borders?  ( II am using outlined type of material designMaterial Design fields).

Thanks!

Read-only fields in material design

I am wondering how to style the fields in a form for users that have read-only access.

As per MD guidlines read only fields should have help text stating read-only. However in the situation where to whole form is read only as user can only view it how should I style them?

Should I use disabled field styling? Or should I remove the outlined borders?( I am using outlined type of material design fields).

Thanks!

Read-only fields in Material Design

I am wondering how to style the fields in a form for users that have read-only access.

As per the Material Design guidelines, read-only fields should have a help text stating they are read-only. However, in case of a situation where the whole form is read-only, how should I style the text fields?

Should I use a disabled field style? Should I remove the outlined borders?  (I am using outlined type of Material Design fields).

Source Link
lonant
  • 33
  • 1
  • 4

Read-only fields in material design

I am wondering how to style the fields in a form for users that have read-only access.

As per MD guidlines read only fields should have help text stating read-only. However in the situation where to whole form is read only as user can only view it how should I style them?

Should I use disabled field styling? Or should I remove the outlined borders?( I am using outlined type of material design fields).

Thanks!