Getting to Know PhixFlow

Overview

PhixFlow is a low-code application development tool. PhixFlow's visual design process means you can use drag-and-drop techniques to easily create everything you need to make a fully-functional application. Here are the steps:

  1. Create an Application
    Easily create a new application and configure the settings for the project, see Creating an Application and Application Properties.
  2. Define your Data
    Create entity relationship diagrams (ERDs) to define the data that backs your application, see Entity Relationship Diagrams.
  3. Build the Screens
    Screens
     allow application users to interact with your data. Simply drag-and-drop templates and components to design a screen, or customise your own using CSS, see Screens.
  4. Setup Actionflows
    Actionflows control the interactions users can perform with your application and its data, see Actionflows.
  5. Analyse your Data
    Use analysis models to process large data sets and create integrations with your data sources, see Analysis Models.
  6. Document the Workflow
    Workflows visually depict the detailed sequence of activities and information flows used to run your application, see Workflows.

Navigating the System

 More Details
  1. App List: The 9 dot application list button opens a list of available applications. Double-click to open an application or right-click to open one in a new tab.
  2. Header Bar: Provides quick access to all of the key areas within your application.
  3. System Controls:
    1.  User Options includes password changes and logout.
    2.  Administration provides a number of options, including the ability to import or export content. See System Administration.
  4. Repository: Provides access to each individual item in your application. This area is also where properties windows will open.
  5. App/Design Mode: Design Mode is used for creating and configuring applications. Application Mode is used by application users to run and interact with PhixFlow applications. See Design and Application Mode.
  6. App Home Screen: Provides access to the Application PropertiesStartup Actions Properties, Learning Centre and the key areas of the application:
    1. ERDs, see Entity Relationship Diagrams.
    2. Screens, see Screens.
    3. Actionflows, see Actionflows.
    4. Analysis, see Analysis Models.
    5. Workflow, see Workflows.

Modes

  • Application Mode is how a user experiences the application. This can be enabled by clicking  Application Mode in the top right-hand corner of PhixFlow.
  •  Design Mode is where application designers create and configure applications, and is only available to users with specific privileges. This mode can be enabled by clicking  Design Mode in the top right-hand corner of PhixFlow.

See Design and Application Mode.

Pinning and Unpinning Tabs

Tabs can be  Pinned so that they remain open while you are working with them.

  1. Click the  Pin icon on any tab to pin the content.
  2. The icon will change to  Pinned.
  3. Click the icon again to unpin the tab.

Selected Component Tab Highlight

When a component is selected on a screen, it is highlighted blue and its parent component is highlighted yellow. The selected components properties open and the tab header is highlighted blue to indicate which tab corresponds to the selected component.

Dragging Tabs

Properties and information lists open in tabs on the right. These tabs can be moved by dragging the tab header to the left or right of the current column, as illustrated below:

Accessing the Help

  1. Context Help: This opens on the right, and can be collapsed or opened by clicking the  Help toggle tab in the middle of the screen. To have this collapsed by default, see User Details → Show Contextual Help Panes. 
    1. Key Concepts links to a page that provides the key concepts associated to the area of PhixFlow you are in.
    2. Fundamentals Video links to the video of the area of PhixFlow that you are in.
    3. Guides links to pages that explain how to achieve key tasks for the area of PhixFlow you are in.
  2. Item Specific Help: This is available in the properties for any item. Click the  Help button to view the item specific help page. If you are unable to see this button, click  More Options.
  3. Learning Centre: Click the  Help button within the system controls to open the Learning Centre. Here you will find access to all courses, as well as a host of resources, such as sample data sets. The Learning Centre also enables you to search the help for specific topics, such as Functions or API integrations.

What's Next?

The PhixFlow Fundamentals course provides a practical guide to using PhixFlow, including the design and creation of screens in our applications.

Further Reading

To find out how to get started with using PhixFlow, see: