Adding Screen Content

Overview

To configure a screen, drag components and layouts from the  Palette, or a data table, onto the screen canvas.

Opening a Palette

Palettes are available from the Toolbar on a screen, click the  Palette button to display them.

Adding to a Screen

To add content to your screen, such as buttons, maps, headers etc:

  1. Click and drag items from the  Palette onto the screen as illustrated here:

Adding Form Fields 

It's easy to create data to display or data entry using fields on a form by dragging attributes onto the screen canvas:

  1. Open the  Table properties.
  2. Drag attributes from the  Attributes section onto the screen canvas.
  3. Enter a name for the field component.
  4. PhixFlow automatically creates the form fields using on the default style specified for the type of data that the attribute represents.

For example, a telephone number has a number field, whilst a name has a text field. The default styles are set in your application properties.

Dropping Components Into or Next To Existing Content

When you drop a component, table or attribute onto a screen, PhixFlow needs to know if you want to put the item into or next to any existing item.

To Move a Component

  1. Drag it to the desired location, this can be done either in the  Layers section or on the screen Screen itself
  2. A red line in the Layers section indicates where the item will be placed
    1. To drop an item inside another component, hover over the right portion of the components to make it open

Where the palette item has a preferred parent, when you drag it onto a screen PhixFlow highlights these preferred parents and will try and place the item you are dragging inside its preferred parent; see Component Categories and Preferred Parents.

Finding a Component

The  Layers panel on the left of the screen canvas automatically highlights any selected item. To display or hide the panel click  Show/Hide Layer Panel

Moving Content on a Screen

See Moving Content on a Screen

Trouble Shooting

Are changes not showing? Under certain circumstances changes you make on a screen will not appear immediately. Therefore a simple close and reopen of the screen will invoke a refresh and you will see your changes appear.

What's Next?