Screens Page Layout
You are here, below is a simplified view of the screen editor.
- The Toolbar provides screen specific options, such as displaying the Palette for adding content and opening the screen properties.
- The Layouts navigator is expandable from the left hand side. Selecting an item on the canvas will highlight it in the Layouts, and selecting an item in the Layouts will highlight it on the canvas.
- The Canvas area where the screen will be configured. Items can be added by dragging them onto this area from the palette or repository.
- The Repository, Property Editors and the Palette are displayed to the right of the canvas. They provide navigation, access to the properties for each editable item..
Screens Overview
Screens (formerly known as Dashboards) allow you, and your users, to interact with the data in your application, performing actions such as creating, reading, updating and deleting records.
PhixFlow provides a complete suite of tools that utilise drag and drop for building beautiful screens quickly and easily, from simple data entry screens to fully interactive screens which display content dynamically based on the users activity. To help supercharge the screen building process templates are available, in a number of different styles, giving you instant access to a host of prebuilt screens and components, all of which are fully customisable.
Example Screen
This is an example that demonstrates the kind of screen that can be built using PhixFlow. All of what you see here is available from the Theme 2.1 palette as preconfigured layout templates. It is worth spending some time familiarising yourself with the palettes to see what is available. You can build your own layouts but it is recommended to begin with a template.
Example screens like this are provided in the template packages in the repository. For example. See the Repository → Packages → Theme 2.1 → Dashboards.
Useful Terms
- Screen, the empty container with associated properties.
- Elements, (optional): these divide a dashboard and enable components in different parts of it to be bound to different data.
- Components, the smallest building blocks of a screen, such as an area or text.
- Layouts, combinations of components, such as areas, fields, labels, static text, and styling, grouped together to create parts of the screen. Layouts typically begin with an outer area which then contains any other component, it can also begin with a card-container.
- Data-bound Components display data from tables. These are:
- Forms, an area that is bound to a table. The data is displayed using dynamic text or form fields.
- Grids, a table view of the data.
- Charts, a charted view such as a pie chart or bar graph of the data table.
- Card Views, a component which displays an individual card for each of the records from a table it is bound to. Each card can then display data using dynamic text or form fields.
- Buttons, are designed to handle user interactions to trigger actions, such as saving a record or opening a different screen. For information about configuring user interaction for screens, see Understanding Actionflows.
- Properties, a pane that opens to the right of the canvas and provides access to the configurable options the selected item.
- Palette, contains the items necessary to create the content of your screen.