The following applies to the Form Manager: shortcode must include a form slug. For example, something like '[formdata form-1]' shortcode using the ‘table’ option.

Using CSS

The <table> tag has the class ‘fm-data’.  Also, for every item that has a nickname, the <th> tag for that column has the class ‘fm-item-header-(nickname)’, and every <td> in that column has the class ‘fm-item-cell-(nickname)’.

The timestamp, user name, and post link columns have the nicknames ‘timestamp’, ‘user’, and ‘post’ respectively.

Using shortcode attributes

  • Set the height of the table row to 100px: 
    row_height="100px"
  • Set the CSS class of the table row:
    row_class="my-row-class"
  • Set the width of all columns to 100px:
    col_width="100px"
  • Set the CSS class of all columns:
    col_class="my-column-class"
  • Set the width of a column with the nickname ‘item1’ :
    item1_width="200px"
  • Set the CSS class of a column with the nickname ‘item1’ (this class is in addition to the ‘col_class’ attribute) :
    item1_class="my-column-class"

For example, to output the ‘form-1’ table with the timestamp column width set to 50px, you would do:

TimestampUserNew List
TimestampUserNew List

 

You can also show or hide columns based on their nicknames.  The nicknames should be given as a comma separated list:

  • Only show the ‘timestamp’ and ‘text1’ columns: show=”timestamp,text1″
  • Hide the ‘user’ and ‘list1’ columns: hide=”user,list1″