Format a page

Adjust formatting on an entity page

List views can be broken down into column headers, columns, and rows.

  • Headers represent fields.
  • Columns represent a list of entities related to one header.
  • Rows represent one entity related to multiple headers.

Flow Production Tracking allows formatting to be applied to headers, columns, and rows, to customize the look of any page.

Formatting can be applied to headers, columns, and rows

Header color

Header colors can be changed from the default.

To change a header color, right click over any header, and select Format > Header Color...

Change a header color

Choose a header color from the available color list and select OK.

Header color selection

The header color will now be changed.

Header color example

It should be noted that the header of the fields used for sorting a page will be highlighted in blue. The sorting field color will override any custom header colors that are set.

Changing a header's color will only apply the color change to that unique page only. To keep changes, select Page Settings > Save Page.

Save the Page

Header width

Headers and columns can grow or shrink in width. To change the width of a column and column header, place the cursor between two column headers. Drag the line dividing two headers to the left or right.

Header width example

Header height

Header height can be increased to be double its default height.

To increase or decrease the height of a header, right click over any header and select Format > Double Tall Header.

Double Tall header

The header will now be twice as tall.

Double Tall header result

To keep changes, select Page Settings > Save Page.

Save the Page

Rename header

By default, headers display the name of the field that they represent. On a page, headers can be renamed.

To rename a header, right click on the header and select Format > Rename Header...

Rename header

Type in the new name for the header and select Rename Column.

Rename header for the page

The header will now display with the new name. In the example below, the field header on a Versions page went from "Link > Shot > Status" to "Shot Status".

Renamed header

Renaming a header will only apply the name change to that unique page only. Changing the header name does not rename the field.

To keep changes, select Page Settings > Save Page.

Save the Page

As a best practice, proceed with caution when it comes to renaming headers, as this may cause confusion to other users. It is recommended to work with your team to come to a consensus on renaming fields.

Rearrange columns

Columns in a list view can be reordered. Simply place the mouse over the column header and drag the header left and right to the desired position.

Rearrange columns

To keep changes, select Page Settings > Save Page.

Save the Page

Wrap column text

Wrap Text allows all information in a cell to be displayed, even if that information goes past a cell’s boundary.

In the example below, there is more content in the cell than can be displayed. The text is cut short.

Unwrapped text

To see all the data contained within a cell, users can wrap text. To wrap text, right click any header and select Wrap Text.

Wrap text

All the text contained within the cells in the column will now be displayed.

Wrapped text

To keep changes, select Page Settings > Save Page.

Save the Page

Column background and text color

The background color of the cells in any column, and the text color of data in any cells in any column, can both be customized. This is helpful to bring a user's attention and focus to priority fields.

To change the background and text colour of all cells within a column, right click over the field header and select Format > Cell Color...

Format cell color

  • Format text color.
  • Format text emphasis, with bold, italics, and strikethrough.
  • Format cell color.
  • See a preview of selections in dark and light themes.

Formatting options

Select Save to apply the changes.

Save to apply formatting changes

Cell formatting will only apply to a single column, and only to that unique page. Formatting on fields can only be done in list view, however it will also apply to thumbnail view.

Thumbnail view

To keep changes, select Page Settings > Save Page.

Save the Page

Row color

Since rows on a detail page are all records of a single entity type, the option to change row color is all or nothing.

Row formatting will apply to all rows, but only to that unique page.

To change row color, right click any cell and select Format All Rows > Row Color...

Row formatting

  • Format text color.
  • Format text emphasis, with bold, italics, and strikethrough.
  • Format cell color.
  • See a preview of selections in dark and light themes.

Row formatting menu

Select Save to apply the changes.

All rows formatted

In this example, notice that the column formatting set on this page overrides the row formatting. Formatting on rows can only be done in list view, however it will also apply to thumbnail view.

Formatted rows in thumbnail view

To keep changes, select Page Settings > Save Page.

Save the Page