If you are building a form, you may want to make some screen components read only. In those cases, you can use this custom screen component that displays fields in read only mode.
How to Use the Component
1- Install the component using the installation links below.
2- Add a screen element and search for ReadOnlyScreenComponent. This is the name of the component that you installed.
3- This component can display 5 different data types: string (text), integer (number), checkbox, date, date/time. Enter the data type that you want to display. Valid values are string, integer, checkbox, date, and datetime.
Then provide the field label that the users will see.
Lastly, enter the value that you want it to display. Make sure that the value matches the data type that you entered.
4- Look and feel of the component changes according to the data type that you selected. Here is a read only screen that is built with ReadOnlyScreenComponent. Data types used in this flow are string, integer, date, datetime, and checkbox, respectively.
Read this post to see an example.
Use this link to install in production or developer edition environments.
Use this link to install in sandbox environments.
Here is the link to the source code repository.