Create a Screen

This page is for application designers who want to create a screen directly from a stream in an ERD.In your application project's Home window, you can select to work on data or on designing a screen. However, at some point you will want to create a screen and connect it to your data. Within an ERD you can directly create a screen and display data on it.topic is covered in the ERD Fundamentals video course found here: Entity Relationship Diagrams. 

1. In an ERD, select a stream table that contains data you want to show on a screen.
2. Create a screen using one of the following options:
   1. In the toolbar
   , click Screen from the Create section. PhixFlow
   1. click Screen.
   2. Right-click on your table and click Create Screen.
   3. From the more menu on a table click Create Screen. 
3. The wizard guides you through the process of creating a screen.
   1. Enter the Name for the new screen
   2. Select a
   template
   1. Template for the screen design.
4. Enter the name for the new screen. PhixFlow creates the screen using the selected template.
5. Select attributes as follows.
   Insert excerptShowing Data on a ScreenShowing Data on a ScreennopaneltrueDrag
   1. This can be edited at a later date.
   2. PhixFlow creates the screen. This can take several seconds while the screen is being rendered.
6. The new screen opens with the Available Attributes open. 
7. Drag the desired attributes onto the screen and drop them onto one of the areas highlighted in light blue.When you drop the attribute, in the desired location.

8. PhixFlow asks how you want would like the data to be displayed. Click

9. Image Added

10. Select an option to add a component for a display the data as a grid, graph, chart or card, which will fit the available space in the parent component.
    Image Removed
    Select Form to set the parent as a form component, which is bound to the data view. PhixFlow adds a field to display the attribute being dropped.

    Tip
    Work on one component at a time. So if you start adding fields to one area, add all the fields you need to this area and complete. As you drag subsequent attributes, PhixFlow highlights the same area. There are some data binding logic rules that we may wish to discuss here, let's discuss.

    When you click Next, you can set sort and filter options for the data records in the view., set of cards or input form.

    1. Selecting Form will create input fields and back the screen with the table. PhixFlow will also recognise you are creating an input form an offer to create the Save and Delete actions which can then be dragged onto the relevant buttons.

    2. Selecting Grid will create a table on the screen. PhixFlow will recognise you are displaying a table and ask if you want to create an associated input form. Follow the wizards to complete this.

       
       

11. Follow the screen building wizard to complete you screen configuration. Should you wish to edit the screens layout see Adding Screen Content for more information. 

This process creates a data component that is bound to a data view and opens its properties; see Viewing Data in a TableCreating Dashboards and Reports for detailed information on each type of object and how to set then up.