Versions Compared

Key

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

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

In this session we will begin constructing building a feature-rich application building on and expanding , using the knowledge we have acquired so far and expanding on it. To recap the steps in the video:

Create Businesses Streams

  1. Create a new Stream on the Contacts analysis model called Businessesmodel. Give it the name Businesses.
  2. Set the Period of the stream to Transactional.
  3. Add attributes to the stream:.

    Name

    Type

    UID

    Integer

    Name

    String

    Type

    String

    Address1

    String

    Address2

    String

    Postcode

    String

    AnnualTurnOver

    Decimal

    CustomerSince

    DateTime

    Description

    Bigstring

    Active

    TrueFalse


  4. Create another Stream called BusinessNotes.
  5. Set the period Period of the stream to Transactionalto Transactional.
  6. Add attributes to the stream:.

    Name

    Type

    UID

    Integer

    NoteDate

    DateTime

    NoteByUser

    String

    Note

    String

    BusinessUID

    Integer


  7. In the Contacts Stream, create a view called Business ContactsAdd all attributes and Hide hide the UID.

Create the Dashboard

  1. Create a new Dashboard with the Name Businesses, and click on Open Open Maximised.
  2. Divide the dashboard into three portions using one vertical line, and then a horizontal line in the left portionpane.

Create the Grid View Portion

  1. Open the configuration form for the stream Businesses Businesses Stream, and bring the new dashboard back to the front.
  2. Drag the stream icon from the configuration form onto the top left portion of the dashboard, to create a Grid View.

Create the Details Portion

  1. In the bottom left portion, create a new Form called : BusinessDetails.
  2. Add a Tabs component from the palette.
  3. Find the Tabs component in the repository and set:
    1. Set the Position Settings: Top, Left, Right and Bottom to 0px
    2. Tick Prevent Dragging: tick
  4. Update the Tab Header to Business.
  5. Update the Title display text to Contact Details.
  6. Add a Dynamic Text component called Name.
    1. As Name is also the name of an attribute on the stream backing our form, PhixFlow will automatically link display the value held in the attribute with in the new component, in this case the Dynamic Text.
    2. Also note that if you give a component the name of a context variable, PhixFlow will also link the context variable value to the new component. If you have both a stream attribute and a context variable with the same name as your new component, the attribute will take precedence. 
  7. Use the Template StandardActionForm to create a layout on the first Tab and drag . Drag all the attributes from the Businesses stream onto it.
  8. Set the Title to Details.
  9. Logically order the Attributes and hide the UID field.

Set the Default Sort Order and Link Views

  1. Create a Default Sort Order.
  2. Drag the UID from the Grid View onto the details section to link the two elements.

...


Tip

We recommend that you always create a default sort order on all views.


Go into App Mode and enter some data to test the new configuration.

Create a Contacts Grid

  1. Exit App Mode.
  2. Open the configuration form for the stream Contactsstream Contacts, and bring the Businesses dashboard back to the front.
  3. Click on the Contact DetailsTab tab on the Businesses Dashboard dashboard.
  4. Drag the Stream View Business Contacts from the configuration form onto the Contact Details Tab tab.
  5. Refresh the view and the results will be displayed.
    This View view will be revisited in a later chapter of the course as , when we will link Contacts contacts to specific businesses.

...


...

Panel

Next video: 5. Custom Actions