Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Insert excerpt
_Banners
_Banners
namebuildGettingStarted
nopaneltrue

Image Removed

OverviewOverview

Image Added

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.  

Creating an Application: Easily set up new application, setup your application using its properties; see 

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: Set up Entity Relationship Diagrams to your Data
    Create entity relationship diagrams (ERDs) to define the data that backs your application, see Entity Relationship Diagrams.
  3. Build the ScreensDesigning Screens that allow
    Screens
     allow application users to interact with your data. Build screens using Simply drag-and-drop templates or define and components to design a screen, or customise your own screens using CSS, see Designing Screens.
  4. Setup Actionflows: Actionflows control
    Actionflows control the interactions users can perform with your application and its data, see Understanding Actionflows.
  5. Analyse your Data:
    Use analysis models to bulk process large data sets and create integrations with your data sources, see Analysis Models for Batch Processing Data.

Where you may need to add code, PhixFlow provides fields for Expressions and PhixScripts.

Getting Started

When you first log in, PhixFlow opens the Welcome window, listing all the applications available to you:

Image Removed

Opening Applications

  1. Click anywhere in a card to open the application.
  2. PhixFlow asks you to confirm. Click Yes to continue to the application's Home window. From here you can select an aspect of your application on which to work.

For information about the Create New button see: Creating an Application

Return to the Welcome window

  • Click the Image Removed Application menu

PhixFlow's Two Modes

Insert excerpt_design_mode_design_modenopaneltrue: use this mode to create and configure applications. This includes designing screens, creating workflows and actionflows, defining data structure and relationships. You can also set up complex bulk data processing using analysis models.

We recommend that you use design mode on a desktop computer.

  1. Document the Workflow
    Workflows visually depict the detailed sequence of activities and information flows used to run your application, see Creating Workflows.

Navigating the System

Image Added

Expand
titleMore 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. Insert excerpt
      _user_options
      _user_options
      nopaneltrue
       includes password changes and logout.
    2. Insert excerpt
      _administration
      _administration
      nopaneltrue
       provides a number of options, including the ability to import or export content. See Administration Menu.
  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 Properties, Startup Actions, Learning Centre and the key areas of the application:
    1. ERDs, see Entity Relationship Diagrams.
    2. Screens, see Designing Screens.
    3. Actionflows, see Understanding Actionflows.
    4. Analysis, see Analysis Models for Batch Processing Data.
    5. Workflow, see Creating Workflows.

Modes

  • Insert excerpt
    _app_mode
    _app_mode
    nopaneltrue
: use this mode to run your PhixFlow applications. Applications can be designed to be used on:
  1. desktop or laptop computers
  2. mobile device, such as a tablet or smartphone.
Administrators can set up PhixFlow so that application users never see 
  •  is how a user experiences the application. This can be enabled by clicking 
    Insert excerpt
    _app_mode
    _app_mode
    nopaneltrue
     in the top right-hand corner of PhixFlow.
  • Insert excerpt
    _design_mode
    _design_mode
    nopaneltrue
     is where application designers create and configure applications, and
can access only the applications and data that they need. 

When you run the PhixFlow client in a browser, the PhixFlow window has:

  • The PhixFlow header bar. On the left the header bar has:is only available to users with specific privileges. This mode can be enabled by clicking 
    Insert excerpt
    _design_mode
    _design_mode
    nopaneltrue
     in the top right-hand corner of PhixFlow.

Pinning and Unpinning Tabs

Tabs can be

Insert excerpt
_pinned
_pinned
nopaneltrue
 so that they remain open while you are working with them.

  1. Click the 
    Insert excerpt
    _pin
    _pin
    nopaneltrue
     icon on any tab to pin the content.
  2. The icon will change to 
    Insert excerpt
    _pinned
    _pinned
    nopaneltrue
    .
  3. Click the icon again to unpin the tab.

Image Added

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.

Image Added

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:

Image Added

Accessing the Help

Image Added

  1. Context Help: This opens on the right, and can be collapsed or opened by clicking the
    Insert excerpt
    _
app_menu
  1. help
    _
app_menu
  1. help
    nopaneltrue
 icon, which opens the Welcome window. This is present in both desktop and mobile views.the PhixFlow name and logo,
  1.  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 
    Insert excerpt
    _help
    _help
    nopaneltrue
     button to view the item specific help page. If you are unable to see this button, click 
    Insert excerpt
    _more_
phixflow
  1. options
    _
logo_name_phixflow_logo_name
  1. more_options
    nopaneltrue
    .
  2. Learning Centre: Click the 
    Insert excerpt
    _help
    _help
    nopaneltrue
. This is present in desktop views, provide your system has not been configured to show your company's logo instead. You can click the PhixFlow logo to open the Welcome window. 
  • Below the header bar is a menu bar specific to the currently loaded open application.
  • For more details about the layout of PhixFlow's windows, see PhixFlow's Interface.

    See also:

    children
    1.  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.
    2. ChatBot: The ChatBot is available in Design Mode from the system controls in the top right. This chat facility provides direct access to PhixFlow Support, who will answer any questions you have.

    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:

    Child pages (Children Display)
    alltrue