Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Screen, repository, palette, components
    • point to themes and palettes
  • Types of component and what they look like
    •  forms
    • grids
    • etc
  • Data backed components - link out
  • Parent child and preferred parent
  • Dragging components
  • Responsive design - point to theme 2 pages (can these be generalised)
  • Changing theme design - styles and shared styles.
  • components being nested
  • grouping componetns - composite...

This page is for application designers. It explains the basic principles for how to add components from the palette as well as features to help you.

...

Dragging Components - Please review

Moving things on a screen

Drag, Shift Drag an using the repository layout list

Dragging into a Screen

To add a component to a screen, you can drag components as follows:

From
Drag from
ItemDrag on toCreatesPinned/Unpinned
Palette
a palette (may be

a

composite

component

)

anywhere on a screen



creates the component(s) on the screen

Pinned
the repository

repository Layouts or Layout Templates

a componentanywhere on a screenPinned
repository → Table Attribute
a pop-up list of attributes
an attribute
a form field
an areaAn input field and labelPinned
viewarea or data-backed componentA stream view componentUnpinnedactionform (??)A button on the form to run the actionUnpinnedaction

view component header

??is that a data backed

repository → Tables

table properties top left icon=

a table 

an area

todo - link to process for this select and drag onto fiew

Select a component (grid, graph, chart or form) and view options

data-backed component

x

table - todo - this appears to no longer happenanywhere on a screenA card viewUnpinned
repository → Table → View
a pop-up list of views
a viewarea or component that displays data

todo - link to process for this

data-backed component

Unpinned todo - check, showing as pinned
repository → Actionfree-actionarea or formA button to run the actionUnpinned  todo - check, showing as pinned
repository → Actionfree-action

the header of a data view component

A button in the banner to run the action

-tableanywhere on a screenA card viewUnpinned

todo - I may not have an approprite action but I cannot drag this onto a grid header

-
repository → Screenanother screen

view component header

??is that

the header of a data

backed

view component

A button to open the
dashboard
dropped screen-

todo - Attempting to drag a pinned component: at the moment this is copying BUT I cannot seem to unpin.

When you drag an unpinned component onto a formto a different place on the screen, it will be automatically assigned to the parent you drop it into (for example, an area), and it will be dropped in the position that you drop it. So if you drop it in the middle of a set of fields inside an area, the fields underneath will be shuffled down to make space for it.

Panel
bgColor#e6f0ff
titleBGColor#99c2ff
titleAbout the default component palette

When you drag objects onto a form items from the repository , they will be created onto a screen, PhixFlow creates a component using the default template for that objectitem. So it is important to make sure that you have set the right default component palette. This is set in System Configuration. Remember that this default will apply to all users of this PhixFlow instance.

...