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 Actionflows before you take the course below, or simply to refresh your memory, see Understanding Actionflows.

Video Demonstration 

Watch the video demonstration, then complete the Fundamentals Tasks below.

Fundamentals Tasks

Complete the tasks below, before moving to the next chapter. 

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

   Insert excerpt
   _unlock _unlock nopanel true

    the screen and click on the header, Company Details
4. On the

   Insert excerpt
   _property_tabs _property_tabs nopanel true

   , change the Default Value to New Customer

5. Insert excerpt
   _save _save nopanel true

    the changes

6. Insert excerpt
   _close _close nopanel true

    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

   Insert excerpt
   _actionflow_display _actionflow_display nopanel true

3. On the Actionflow, in the toolbar, click and drag a 

   Insert excerpt
   _actionflow_calculate _actionflow_calculate nopanel true

    Node onto the canvas
   1. Name it, Details
   2. Press Create Action
4. Move the

   Insert excerpt
   _actionflow_calculate _actionflow_calculate nopanel true

    Node into place between the two nodes on the canvas
   1. To do this, click and drag the

      Insert excerpt
      _actionflow_calculate _actionflow_calculate nopanel true

       Node onto the CompaniesForm wire between the two nodes on the canvas until a 

      Insert excerpt
      _add_icon _add_icon nopanel true

       icon appears - drop the Calculate node onto this icon

Task 3: Configure the Input Mappings

1. Under Connections, click on the input wire
2. The

   Insert excerpt
   _action_connector_mappings _action_connector_mappings nopanel true

    window will open:
   1. Drag the CompanyName attribute from the left (

      Insert excerpt
      _view_show_icononly _view_show_icononly nopanel true

       Companies view) to the right (

      Insert excerpt
      _connection_point_interface_icon _connection_point_interface_icon nopanel true

      Connection point)
   2. Press Save
3. On the Actionflow canvas, select the in wire, between the input node and Calculate node
4. The

   Insert excerpt
   _action_connector_mappings _action_connector_mappings nopanel true

    window will open: 
   1. Drag the CompanyName attribute from the left (input) to the right (Calculate node)
   2. Press Save 
      1. This maps the CompanyName attribute into the calculate node so it can be used in the calculation

Task 4: Setup the Calculate Node

1. Click on the Details 

   Insert excerpt
   _action_calculate _action_calculate nopanel true

    Node to open its 

   Insert excerpt
   _property_settings _property_settings nopanel true

    on the right
2. In the Output Attributes section, click 

   Insert excerpt
   _add_icon _add_icon nopanel true

   1. In the New Calculate Attribute window, add:
      1. Name: pfTitle
      2. Expression: "Editing: " + in.CompanyName

      3. 
         

         Expand
         title More information on this expression
         Tip In Expressions, quotation marks, " and ", are used to denote strings. Strings are characters (e.g. letters, numbers, spaces or special characters) that PhixFlow interprets as text. You can see the attributes you have mapped into the Calculate Node after typing in. Image Added

         
         

   2. Save all changes
3. Pass this calculated value back to the screen by selecting the CompaniesForm wire between thethe 

   Insert excerpt
   _action_calculate _action_calculate nopanel true

    Node and the

   Insert excerpt
   _action_screen_icon _action_screen_icon nopanel true

    Open Edit Form Node
4. The

   Insert excerpt
   _action_connector_mappings _action_connector_mappings nopanel true

    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
5. See the changes in action by pressing the Edit button on the Companies List screen to open the Companies Form

Task 5: Setup Validation

Image Removed

Image Added

Further Reading (Optional)

For more information on the topics covered in this chapter, see the below links.

• Actionflows
• Actionflow Basics
• Getting to Know Actionflows
• Understanding Connection Points
• Action Nodes
• Types of Action Node
• Mappings and Connectors
  
• Validation
• Expression Basics