Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
nameactionflow
nopaneltrue

Introduction

Welcome to the Actionflow Fundamentals. In this chapter we will learn about all the key techniques and principles to create our Actionflows in PhixFlow which allow us to interact with our data..

Concepts

To find out more about the key concepts for ActionFlows before you take the course below, or simply to refresh your memory, see Understanding Actionflows.

Video Demonstration 

Watch the video demonstration, before undertaking the written format course below.


Iframe
allowfullscreentrue
srchttps://www.youtube.com/embed/dyX_1HNXi34?si=Nwi6GF6nVqqOET0P&rel=0&ytp-pause-overlay=0&list=PLbPt6SI1Zhb-vCzkNBW7SaCyv8jhS1oPN
width1000px
height563px

Written Format Course

Task 1: Change the Add Customer header

  1. On the Companies List screen you created in 3. Screens Fundamentals, click the Add button under the grid
  2. The Company Form screen will open
  3. Right-click to Unlock the
    Insert excerpt
    _unlock
    _unlock
    nopaneltrue
     the screen and click on the header, Company Details
  4. In the PropertiesOn the
    Insert excerpt
    _property_tabs
    _property_tabs
    nopaneltrue
    , change the Default Value to New Customer
  5. Save the changes
  6. Close the
  7. Insert excerpt
    _save
    _save
    nopaneltrue
     the changes
  8. Insert excerpt
    _close
    _close
    nopaneltrue
     the Company Form screen

Task 2: Create an Actionflow for the Edit Customer header

  1. Right-click on the Edit button under the grid
  2. Select Display Actionflow
    Insert excerpt
    _actionflow_display
    _actionflow_display
    nopaneltrue
  3. On the Actionflow, in the toolbar, click and drag a Calculate node
    Insert excerpt
    _actionflow_calculate
    _actionflow_calculate
    nopaneltrue
     Node onto the canvas
    1. Name it, Details
    2. Press Create Action
    Click and drag the Calculate Node and hover over the wire between the input node and the Open Edit Form node until
  4. Move the
    Insert excerpt
    _actionflow_calculate
    _actionflow_calculate
    nopaneltrue
     Node into place between the two nodes on the canvas
    1. To do this, click and drag the
      Insert excerpt
      _actionflow_calculate
      _actionflow_calculate
      nopaneltrue
       Node onto the CompaniesForm wire between the two nodes on the canvas until
      Insert excerpt
      _add_icon
      _add_icon
      nopaneltrue
       icon appears - drop the Calculate node onto this icon
  5. Under Connections, click on the input wire
  6. The Connector Mappings window
    Insert excerpt
    _action_connector_mappings
    _action_connector_mappings
    nopaneltrue
     window will open:
    1. Drag the CompanyName attribute from the left (
      Insert excerpt
      _view_show_icononly
      _view_show_icononly
      nopaneltrue
       Companies view) to the right (Companies edit form
      Insert excerpt
      _connection_point_interface_icon
      _connection_point_interface_icon
      nopaneltrue
      Connection point)
    2. Press Save
  7. On the Actionflow canvas, select the in wire, between the input node and the Calculate node (in) and Calculate node
  8. The
    Insert excerpt
    _action_connector_mappings
    _action_connector_mappings
    nopaneltrue
     window will open: 
    1. Drag the CompanyName attribute from the left (Companies edit forminput) to the right (Calculate node)
    2. Press Save 
      1. This maps the CompanyName attribute into the Actionflow calculate node so it can be used in the calculation
  9. Click on the Calculate node to open the Properties on the Details 
    Insert excerpt
    _action_calculate
    _action_calculate
    nopaneltrue
     Node to open its 
    Insert excerpt
    _property_settings
    _property_settings
    nopaneltrue
     on the right
  10. In the Output Attributes section, click 
    Insert excerpt
    _add_icon
    _add_icon
    nopaneltrue
    1. In the New Calculate Attribute window, add:
      1. Name: pfTitle
      2. Expression: "Editing: " + in.CompanyName
    2. Save all changes
  11. Pass this calculated value back to the screen by selecting the CompaniesForm wire between the calculate node and the open edit form (CompaniesForm)The Connector Mappings window
    Insert excerpt
    _action_calculate
    _action_calculate
    nopaneltrue
     Node and the
    Insert excerpt
    _action_screen_icon
    _action_screen_icon
    nopaneltrue
     Open Edit Form Node
  12. The
    Insert excerpt
    _action_connector_mappings
    _action_connector_mappings
    nopaneltrue
     window will open:
    1. Drag the pfTitle attribute from the left (Calculate node) on top of the Header1Dynamic attribute on the right (Companies edit form)
    2. Press Save
  13. See the changes in action by pressing the Edit button on the Companies List screen to open the Companies Form

Task 3: Setup Validation

Unlock the

  1. Insert excerpt
    _unlock
    _unlock
    nopaneltrue
     the Companies Form
  2. Right-click the Save button and choose Display Actionflowchoose 
    Insert excerpt
    _actionflow_display
    _actionflow_display
    nopaneltrue
  3. On the Actionflow, select Properties from
    Insert excerpt
    _property_settings
    _property_settings
    nopaneltrue
     from the toolbar
  4. In the Basic Settings, toggle on
    Insert excerpt
    _toggle_on
    _toggle_on
    nopaneltrue
     Perform Validation Before Running
  5. Save the
    Insert excerpt
    _save
    _save
    nopaneltrue
     the changes
  6. See the changes by adding a new record to the Companies grid but leave the Company Name field blank
  7. Press Save and the Validation Failed error message will show