This guide shows you how to create a simple screen. Anchor toc toc
Table of Contents |
---|
Introduction
Anchor | ||||
---|---|---|---|---|
|
Use your PhixFlow sandbox to make a simple application. This application will have a single screen, called a layout, that displays data and lets you create, read, update or delete (CRUD) data records. You can additionally add comments.
Some things are already set up for you:
- a simple model to provide the data.
- a palette of components that you can drag onto the layout.
- styles that control the colours and appearance of the screen.
Remember that you can:
- build models using your own data stored in external databases or files. The Introduction to Modelling Course teaches you how to do this.
- set up your own styles and palettes to create completely customised layouts. The Building Applications Course goes through this process.
teps
- Advanced:
Think about data first - ERD
scroll down the properties - there are lots of options that you can set for your application
- Pull in an existing file
- Advanced: PhixFlow can connect to databases or load from files or...
- Open the model and view the data - simple stream
- add dashboard/form/layout
- use splitters to lay out the area
- Add the grid
Advanced: You can show data as a table, but also as charts - Change the attributes shown in the grid - remove the audit attributes
- Use the palette to add a form (an "inner" form is part of a bigger layout with header, body, footer)
- Show that you can edit content (CRUD)
- Advanced: Forms can have headers, footers, bodies, buttons, drop-downs, fields Add buttons for actions
- Add a "floating" form to add a description.
- Add the action to update stream
- Show the form in action - that is is always on top, and that save also closes the pop-up.
- Linking forms together
- Add a comments stream to the model
- Add comment cards
- As layouts are not a fixed structure, but "flow" their order in the repository is important. To reorder an item, you don't drag it in the layout, but in the repository.
- Add actions to the card
- Show the audit attributes on the card
- Add comments on the card.
Create an Application
Anchor | ||||
---|---|---|---|---|
|
text
Expand | ||
---|---|---|
| ||
PhixFlow can also... |
Create your application: It is created with default options
Create the Data
Anchor | ||||
---|---|---|---|---|
|
- Pull in an existing file
- Advanced: PhixFlow can connect to databases or load from files or...
- Open the model and view the data - simple stream
Expand | ||
---|---|---|
| ||
|
Add a View
Anchor | ||||
---|---|---|---|---|
|
- Create a view of your data
- add dashboard/form/layout
- use splitters to lay out the area
- Add the grid
- Change the attributes shown in the grid - remove the audit attributes
Expand | ||
---|---|---|
| ||
You can show data as a table, but also as charts |
Create forms to edit your data
Anchor | ||||
---|---|---|---|---|
|
- Use the palette to add a form (an "inner" form is part of a bigger layout with header, body, footer)
- Show that you can edit content (CRUD)
Expand | ||
---|---|---|
| ||
Forms can have headers, footers, bodies, buttons, drop-downs, fields |
C
Anchor | ||||
---|---|---|---|---|
|
Create forms to edit your data
Use the palette to add a form (an "inner" form is part of a bigger layout with header, body, footer)
Show that you can edit content (CRUD)
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text