This page is for data modellers and application designers who want to select specific attributes to appear in a screen, and to format how the data will be displayed.

Overview

To display data on a screen, start by dragging a data view component from a palette to the screen. PhixFlow displays a window in which you can select attributes from one or more tables; see  Displaying Data (Views).

This page explains the properties you can set for the view. These properties affect 

• how the data is presented, for example in a form, grid or a type of chart
• charts legends, appearance and the attributes you want to use for the axes etc
• how records are filtered, sorted and ordered 
• whether or not the data displayed is from the latest analysis run, or across all time
• the appearance of the view, for example the styles that set borders, and headers
• the actions that an application user can run, for example when they:
  • double-click in the view
  • drop something onto the view
  • click a menu option in the view's header.

You can send data reports from PhixFlow by emailing the output of a File Exporter, a Task Plans, or a Screen.

Insert excerpt
_property_tabs _property_tabs name basic-h nopanel true

Basic Settings

View Attributes

A list of attributes displayed in the view. Click  to show Available Attributes window. Drag the attributes you want to add to the view into this list. If there are related tables, you can also drag in attributes from the related tables; see Available Attributes Window. 

When you create a chart view, PhixFlow displays a skeleton chart builder in the screen canvas. You can drag attributes from this list onto the parts of the chart builder, such as the x-axis or the  y-axis. 

In the attribute list:

• to edit the attribute's properties, double-click an attribute; see View Attribute
• to delete an attribute, right-click and select 

  Insert excerpt
  _delete _delete nopanel true

   

Anchor
pivot-popup pivot-popup

Pivot View Popup Options

For pivot views, you must assign a purpose to each attribute. Right-click an attribute to open the popup menu, and select one of the purposes listed in the table below. For the additional properties available when Display Type is Pivot, see Pivot Details below.

Filters

The list of filters that will be available to application users in the drop-down list of filters on the view.

There are two ways to add a filter to this list:

1. Click on the filter button in this section
   • PhixFlow opens a list of all the available filters on the parent table.
   • Drag a filter from this popup into the list.
2. Go to the parent table's filters and drag filters into this list; see Filter

Advanced

Chart Layout 

Anchor
chartConfig chartConfig

Available when Type is one of the chart view options. PhixFlow only shows options that are relevant for the type of chart selected.

Chart Axis Options

Line Chart (time) options 

Anchor
line-chart line-chart

Available when Type Line Chart (time). These apply to the horizontal axis, which in this case is a time series:

Pivot Details 

Anchor
pivotViewConfig pivotViewConfig

 

When Display Type is Pivot, the following properties are available.

['20150101', '20150201', '20150301']

[['20150101', 'January 2015'], ['20150201', 'February 2015'], ['20150301', 'March 2015']]

A list of refresh action. These actions run and then redisplay the enclosing view with the latest data.

To add a Refresh Action go to a the Actions tab and drag actions into this tab. The table does not have to be the parent of this view.

Drop Targets

A list of the drop targets that this view will contain. To add a drop target, click on the + button at the top of the grid.

For each drop target you set the following fields:

Menu Items 

Anchor
menu-item menu-item

A view component on a screen is designed with a header bar. You can configure the header to display options. When the the application user clicks on an option, PhixFlow runs the associated a table-action or actionflow.

• Single options are referred to as buttons.
• Nested options are referred to as menus and sub-menus.

Option 1: Drag a table-action onto the header:

1. In the screen canvas, right-click on the view component and select 

   Insert excerpt
   _table_show_prop _table_show_prop nopanel true

   ; see Table properties
2. In the table properties, drag an action from the Actions section list onto the header bar of the view. You can only add table-actions from view's parent table.
3. PhixFlow automatically updates the Menu Items grid to show the action you have added to the view component.

Option 2: Drag a table-action into the Menu Items

1. In the view properties → Menu Items toolbar, click on the 

   Insert excerpt
   _actionflow _actionflow nopanel true

    icon.
2. PhixFlow opens a list of the table-actions available on the parent table.
3. Drag a table-action from the list onto an empty line in the grid.
4. PhixFlow adds the action to the list as a menu item.
5. If the screen containing the view is currently displayed, PhixFlow automatically updates the header to show the new option.
6. Optionally, double-click the menu item to change its properties. For example you can change the text that appears in the header; see View Menu Item

You can also drop a table-action onto an existing item in the grid. In this case, PhixFlow asks if you want to create a new item or add this as a sub-item.

Configuring Coloured Rows in a Grid

The colours of rows in grid views can be set by creating an attribute called gridRowColour, and adding this to the view. This value will not be shown in the grid.

The value of this attribute must evaluate to either a hexadecimal value representing a colour or to the lower case name of one of the basic HTML colours. Visit www.w3schools.com/tags/ref_colorpicker.asp to see how hexadecimal values correspond to real colours. The table below lists the basic HTML colour names:

We recommend that you avoid dark colours, as they make data in the grid very hard to read.

View Context Menu