Hide Fields in DataPages

 

You can use several methods to hide fields in DataPages.  This article shows how to hide fields using a hidden HTML table.  Fields are usually hidden so that their values while invisible to end-users remain accessible for scripting or reference.

Hidden Fields are Invisible to End-Users

Set as a Hidden form element:

The easiest way to hide a DataPage element is to select Hidden from the Form element dropdown field.  If this option is available to you it is the quickest to implement and change later if needed.

Setting a Field to Hidden

Using a table to hide fields:

In Submission Forms and details pages you can also hide multiple fields by surrounding them with HTML table tags and setting the table’s display style to “none”.  For list/gallery Report results pages you can substitute HTML div tags for the table tags to achieve the same effect.

  1. Using the Insert button at the lower right-hand corner of the DataPage Elements panel select HTML Block twice.
  2. Move the fields you would like to be hidden between these two HTML Blocks.
  3. Open an HTML table in the first HTML Block and set its display style to none.
  4. Close the HTML table tag in the following HTML block.

Place Fields Between HTML Table Tags

Note: If you are looking to hide the created by Caspio link you can contact Support to have it removed.