| Insert excerpt | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Overview
Screens* allows you and your users to interact with the data in your application, actions such as creating, reading, updating and deleting records can all be performed.
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.
Screens Page Layout
You are here. Here is a simplified view of the screen page.
- The Toolbar provides screen specific options, such as listing your available tables which can then be dragged onto the canvas to build a view and displaying the screen properties to you can edit its options.
- The Layouts navigator is expandable from the left hand side. Selecting an item from the canvas will highlight it in the layouts, and selecting an item in the Layouts with highlight it on the canvas.
- The Canvas area where the screen will be configured. Items can be added by dragged items onto this area from the palette or repository.
- The Palette is displayed to the right of the canvas and provides all the building blocks you need to create fantastic screens. The palette can be opened using the toolbar.
Screen Fundamentals
| Iframe | ||||||
|---|---|---|---|---|---|---|
|
In this video we provide you with a short introduction to creating your first screen.
Example Page
Here is an example that demonstrates the kind of screen that can be built using PhixFlow. All of what you see is available from the Theme 2.1 palette as preconfigured layouts. 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.
Glossary
- Screen, the empty container with associated properties, for example open maximised.
- Elements, (optional): these divide a dashboard and enable components in different parts of it to be bound to different data
- 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.
- Components, the smallest building blocks of a screen, such as an area or static text.
- 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 which match by name the table attributes.
- Grids, a table view of the data it is bound to.
- Charts, a charted view such as a pie chart or bar graph of the data table it is bound to.
- 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 Actionflows and Action Configuration.
What's next?
| Child pages (Children Display) | ||
|---|---|---|
|