Versions Compared

Key

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

This page is for application designers who want see how to quickly put together a simple application using Theme 2. For more detailed instructions for creating application see PhixFlow Training - Building Applications.

...

It also helps to understand the levels of structure in typical GUI screen, as shown in the following picture.

Image Modified
You can download and print this image: PDF Quick Reference Sheet.
The way a GUI screen is made up of levels of content is reflected in the PhixFlow repository. When you are working on a dashboard, right-click on any layout component and click Find in Repository. You can see where the item is within the levels of the dashboard structure.

Part 1: Create a Simple Application 

Multimedia
nameBuilding an App part 1.mp4
 

...

  1. From the Theme 2 - App Builder palette, drag into the Tile Container in the repository:
    • Tile Blank and enter the name Comment
    • Tile Map and enter the name Map.
  2. PhixFlow displays the two new tiles in the dashboard. The map tile shows a request rejected message.

Step 2. Set up the Comments Comments area.

  1. In the repository, right-click the Analysis Model ETL and click Display.
  2. In the model window, add a new stream. In the stream properties tab, set Basic Settings:
    • Name: Comments
    • Period: Transactional
    • Audit Manual Changes: tick
    • Save your changes.
  3. In the Attributes section, click 
    Insert excerpt
    _add
    _add
    nopaneltrue
     to open a new attribute properties tab. Set:
    • Name: Comment
    • Type: Bigstring
    • Save your changes.
  4. In the Attributes section, click 
    Insert excerpt
    _add
    _add
    nopaneltrue
     to open another new attribute properties tab. Set:
    • Name: BusinessUID
    • Type: Integer
    • Save your changes.
      The Attributes section should now list the attributes you created, Commend and BusinessUID, plus those added automatically when you ticked Audit Manual Changes (UID and the "Update" attributes).
  5. Remember to save the analysis model as well as the changes to properties.

Step 3. Back to the Dashboard

  1. To reopen your dashboard, click on the Business Data menu option on the top  right of the PhixFlow window. (Added in Part 1 step 4.2).
  2. Right-click the dashboard and select Unlock the Layout.
  3. From the palette, Shift+drag CommentsComplete into the top comments area.
  4. Click into the body of the comments section (which is a card) to open its card component properties.
  5. Drag the properties to the same tab column as the palette, so it stays visible.
  6. In the model window, bring the model to the front and click the Comments stream to open its properties.
  7. Drag the stream icon from the properties tab onto the stream name in the card component tab and save the changes.
  8. Minimise the model window so that the workspace shows the dashboard again.
  9. In the dashboard, from the Business Data grid, drag the UID header onto the body of the comments. This sets the background filter for the card.
  10. In the filter properties tab, change the Filter Details to use the BusinessUID instead of UID and save your changes.

Step 3.  Add an editor where users can enter and format comment text.

  1. In the repository, right-click Dashboard and click 
    Insert excerpt
    _add
    _add
    nopaneltrue
    .
  2. In the new dashboard properties tab, set
    • Name: CommentEditor
    • Allow User to Resize: untick
    • Show Window Button Bar: untick
    • Always On Top: tick
    • Save the changes.
  3. PhixFlow opens the new empty dashboard, which will be the Comments editor.
  4. From the palette, drag Form Popout - Complete into the new dashboard and enter its name; CommentsEditor
  5. Switch to the model and click the Comments stream to open its properties. Pin the tab.
  6. To reopen the dashboard, in the repository → Dashboards , right-click CommentEditor and select Display.
  7. In the Comments dashboard, right-click and select Unlock the Layout
  8. From the pinned Comments tab → Attributes section, drag the Comment attribute into the Comments dashboard.

Step 4. Set the comments editor header

  1. In the Comments dashboard header, click Static Text and enter Comment for.
  2. Click the Dynamic Text to open its properties tab and set Name to BusinessName. This will connect to a context parameter - to be set later.

Step 5.  Link the Comments area to the Comments Editor dashboard.

  1. Ensure the Business Data Manager dashboard is visible and unlocked.
  2. In the repository → Dashboards, drag CommentEditor onto the + button, which is in the top right of the comments box.
  3. To test this works, lock the dashboard and click the + button. PhixFlow opens the Comment editor. Close the Comment Editor again and unlock the layout.
  4. To create context parameters that connect the Comment area to the selected record
    1. drag the UID header from the Business Data grid onto the Comments + button.  PhixFlow automatically opens a context parameter properties tab. Change the name to BusinessUID and save the properties.
    2. drag the Name header from the Business Data grid onto the Comments + button. PhixFlow automatically opens a context parameter properties tab. Change the name  to BusinessUID and save the properties.

      Tip

      The context parameters must have the same name as the Dynamic Text field on the dashboard in order to link them


  5. To test your changes, lock the dashboard and click the + button. PhixFlow opens the Comment editor. The dynamic text part of the header should now include the business name for the selected record.
  6. To see what context parameters are being used, right-click the Comments Editor dashboard and select Show Context Parameters.

Set up something for the UID


  1.  
    1. drag the UID header from the Business Data grid onto the Comments + button.  PhixFlow automatically opens a context parameter properties tab. Change the name to BusinessUID and save the properties.
    2. drag the Name header from the Business Data grid onto the Comments + button. PhixFlow automatically opens a context parameter properties tab. Change the name  to BusinessUID and save the properties.
Tip

The context parameters must have the same name as the Dynamic Text field on the dashboard in order to link them.





  1. Set the Tile Container to row.
  2. Set widths:

Set Business Data grow factor to 8.

...