Versions Compared

Key

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

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Widget Connector
width900
urlhttps://www.youtube.com/watch?v=zCpKwNjrK40&index=2&list=PLbPt6SI1Zhb8CnWh7Gvopto7D6LEwcB9A
height500

Create a simple application that maintains a list of contact details.

Changes since the video was taken: The option to change a stream to transactional is Period, not Stream Type.

To recap the steps in the video:

Create a Simple Application

  1. Go to the repository browser , and create an application called Contact Manageran Application called Contact Manager.
  2. Under the new application, create an analysis model Analysis Model called Contacts.
  3. In the analysis model, create a stream called Contactscalled Contacts.
  4. Set the period Period of the stream to Transactionalto Transactional.
  5. Add the following attributes to the stream:

    Name

    Type

    UID*

    Integer

    FirstName

    String

    FamilyName

    String

    ContactNumber

    String

    Email

    String

    DOB

    Date

    JobTitle

    String


    Tip

    *UID is a special field name. If you create an attribute with this name, PhixFlow knows that it must automatically increment this value when a new record is added to the stream.
    The UID is a unique identifier for each record, and it is used to link the two views on the dashboard in this example.


  6. Within the repository browser, under the application Contact Managerapplication ContactManager, create a dashboard called Contacts Dashboard called Contacts.
  7. Open the configuration form for the stream Business stream Contacts, and bring the new dashboard back to the front (you may need to . You can use the grey menu bar at the bottom of the application screen to do this).
  8. Drag the stream icon from the configuration form onto the dashboard, to create a Grid View.
  9. Drag all attributes from the stream on to onto the header of the grid view.
  10. Split the dashboard by adding a Horizontal Bar.
  11. In the bottom pane, known as an Element, right-click and select Create New Form.
  12. Click on the pane (now you are actually clicking on the form, but it is currently empty), in . In the form configuration that pops upopens, enter the form name: ContactDetails ContactDetails.
  13. Open the stream configuration:.
    1. In the top pane, right-click and select Show the Stream Configuration.
    2. Drag all the attributes from the stream into the lower half of the dashboard - for . For each one, an edit field will be created.
  14. Create an add Add button:.
    1. In the lower form, right-click and select Open Palette → Basic Palette → Basic Components.
    2. From the palette, drag a button onto the form.
    3. Set the Name of the button to Add to Add Contact.
    4. Set the Action Type to Insert to Insert.
    5. Save your changes.

      Tip

      The Name of the button is internal - it . It is a good idea to make this as descriptive as possible, so that you can find this the button in your configuration and it is clear what this it does.


  15. Click over on the text in the button - this . This will open the configuration form for the button labelLabel.
  16. Update the Display Text of the Display Text of the label to Addto Add.
  17. Save your changes to the label.
  18. In the same way, add update Update and delete Delete buttons:.
    1. Update button
    :
      1. Name: Update Contact
      2. Action TypeUpdate
      3. Display Text of button label: Update
    1. Delete button
    :
      1. Name: Delete Contact
      2. Action TypeDelete
      3. Display Text of button label: Delete
  19. Link the two views: drag .
    1. Drag the column
    heading for UID from
    1. header for UID from the top grid view onto the
    bottom
    1. lower form.
    2.  This automatically creates a Background Filter, which determines the data that will be displayed. This filter can be access byRight
      1. To access this filter, right-click the lower
      portion
      1. part of the dashboard
      ,
      1. .
      2. Select Show Element Details.
      3. Under Background Filter Rules, we can see the rule that has been
      create
      1. created. This can be edited if necessary.

To try out your app, go Go into App Mode.
Try Try adding some records, updating and deleting some records.



Panel

Next video: 2. Styling Applications