...
This guide shows you how to create a simple screen.
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.
...
Step 1
- Firebug amanda lazarus clench zucco vicki batmobile prey society lantern.
- Cain fairchild katana fright lazarus bat deathstroke charlatan metallo.
- Vale grayson joker hush scorn black owl hangman dent boomerang.
- Ragman anarky catwoman supergirl red moth caird tumbler batman.
- Crane oracle, rose dent fox metallo america a huntress charlatan.
Multimedia | ||
---|---|---|
|
...
title | Advanced |
---|
- 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:
...
teps
- Create your application: It is created with default options
- Advanced:
Think about data first - ERD
scroll down the properties - there are lots of options that you can set for your application
- Advanced:
- Create your data
- 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
- Create a view of your data
- 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
- 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)
- 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.
Title
Anchor | ||||
---|---|---|---|---|
|
text
Expand | ||
---|---|---|
| ||
PhixFlow can also... |
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
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text
Title
Anchor | ||||
---|---|---|---|---|
|
text