In this article, we will guide you how to use HTML and CSS code to hide fields in Submission Form, Single Record Update, Details, List, Gallery or Calendar DataPages. This procedure is commonly used to hide read-only fields or virtual fields and then get their values with JS code.
- Edit the DataPage.
- In the Configure Fields screen, insert one HTML block above the fields you want to hide, and another below these fields in the DataPage Elements panel.
- In these HTML blocks, disable the HTML editor in the Advanced tab.
- Add the following code for Form DataPage with the Responsive option enabled.
Add the following code for Form, Single Record Update and Details DataPages with the Responsive option disabled.
Add the following code for List, Gallery and Calendar DataPages with the Responsive option enabled or disabled.