Versions Compared

Key

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

This page is for PhixFlow application designers who need to create a new application, or change the defaults for an existing application.

Overview

In PhixFlow to design an application GUI, you add components to a screen. Components include tables, charts, menus and buttons. By connecting the components to the data in tables (streams), you can create applications. Application users can load an application to interact with the table (stream) data, for example to view and update it.

For how to:

To access the application properties:

  • either go the the application Home window and use the link in the top right of the window
  • or open its properties from the repository.

PhixFlow opens the application properties on the right. You can use the options to set:

  • whether you want a menu bar, and which menu options appear there
  • access privileges to specify which users can use the application.
  • the theme that your application uses
  • data formats, if you do not want to use the PhixFlow defaults
  • any packages containing shared resources that your application can use; see Package.



Panel
borderColor#7da054
titleColorwhite
titleBGColor#7da054
borderStylesolid
titleSections on this page

Table of Contents
indent12px
stylenone


Application Properties

Insert excerpt
_standard_settings
_standard_settings
nopaneltrue

About

Field

Description

Name

The name of the application.

Created by

The name of the person who created the application

DescriptionThe description of the application. Consider including the purpose of the application and who is responsible for it.
Application Icon

Select an uploaded image to use in the application menu card for this application. We recommend an image size of approximately:

  • height: up to 100 pixels
  • width: 100 to 150 pixels.

See Image for how to upload an image to PhixFlow. PhixFlow uploads application icons and logos to its database in images/icons ??dev to confirm

Navigation

Menus

This section lists the menus and the associated actionflows or stream item actions?? that have been created for your application.

At the bottom of the list are the Delete ??add icon and Add ??add icon buttonsthe 

Insert excerpt
_add
_add
nopaneltrue
 and 
Insert excerpt
_delete
_delete
nopaneltrue
 buttons.

A default menu is created automatically with the application.

You can specify that PhixFlow uses a different menu for desktop and mobile devices. In the grid, right-click a menu to display the context menu and select:

  • Insert excerpt
    _menu_desktop
    _menu_desktop
    nopaneltrue

  • Insert excerpt
    _menu_mobile
    _menu_mobile
    nopaneltrue

PhixFlow will display in the default menu in the menu bar:

  • once options have been added
  • and when Show Default Menu Bar is selected (see below).

PhixFlow displays the mobile or desktop icon next to the application's name. Using that context menu the user can also load the application with selected menu. All options available in the context menu are:

Use the buttons below the list to:

  • Insert excerpt
    _add
    _add
    nopaneltrue
     add another menu to the list; see Menu properties

  • Insert excerpt
    _delete
    _delete
    nopaneltrue
     delete the menu from this application.

Additional options related to user navigation are:

Field

Description

Show Application in Menu

Select whether or not this application appears in the 

Insert excerpt
_app_menu
_app_menu
nopaneltrue
. For example, you may have a test application that should not be visible to other PhixFlow users. Use the repository to open an application that is not present in the Welcome window's application list.

Show Default Menu Bar

If you want menu options for the user to navigate your application, select this potion. PhixFlow displays the menu bar at the top of the application screen. Use the Navigation settings to add menu options. See PhixFlow's Interface for screenshots showing the default menu bar.

Access Permissions

For details about how to control access to an application, see Common Properties → Access Permissions.

Style Settings

Field

Description


Theme

The name of the theme that defines the defaults and styles for this application. The theme provides a set of palettes  and sets some style defaults, such as the styles for grids that you add to screens.

Select the palette that you want to use when you drag stream attributes onto a layout or area. PhixFlow uses this palette when its container application is running.

What about this??
If the container application for is not running, PhixFlow uses:

  • either the default palette set for the area.

  • or the default palette for the destination application when you are dragging stream attributes into a layout for a different (destination) application that is running.

If you do not set a default palette, PhixFlow uses the system default palette.

You can change style settings:

  • in the template components in the palette
  • create shared styles
  • set styles on individual components

Shared Styles and Style Order

Date Select the default format for Date attributes and components.

Select a format from the drop-down list or click the icons to:

Insert excerpt
_format_list
_format_list
nopaneltrue
: shows the formats available for this application in the repository.

Insert excerpt
_add
_add
nopaneltrue
: create a new format.

Date Time Select the default format for DateTime attributes and components.
NumberSelect the default format for numbers.

UX question - should these be dropdown lists?? Not sure about add here??

Packages

This section has a toolbar with standard buttonsThe grid contains a list of packages that contain this application. To add an application to the list:

  1. Click
    Insert excerpt
    _add
    _add
    nopaneltrue
     to list all the packages in the repository.
  2. Drag packages into this list. 

To remove a package from the list, use the toolbar button  

Insert excerpt
_delete
_delete
nopaneltrue
.


To be confirmed??

From original doc...

The styles you select override any styles set in System Configuration. You can override these defaults for individual grids using the style settings in the Stream View properties.

To specify a style, select it from the drop-down list or click the icons to:

  • Insert excerpt
    _style_list
    _style_list
    nopaneltrue
    : shows the styles available for this application in the repository.

  • Insert excerpt
    _add
    _add
    nopaneltrue
    : create a new style.

This may be moving to system??

Field

Description

Application Logo

Select an uploaded image to provide customised branding for the application. When a user clicks this image, it will open the application menu. We recommend an image size of approximately:

  • height: up to 40 pixels
  • width: up to 300 pixels.

See Image for how to upload an image to PhixFlow.



Application Menu and Context Menus

The Application Menu 
Anchor
app_menu
app_menu

When you run PhixFlow in 

Insert excerpt
_design_mode
_design_mode
nopaneltrue
 without loading an application, you will see the PhixFlow logo and text in the top left of the window. You can click this area to open the  
Insert excerpt
_app_menu
_app_menu
nopaneltrue
. The menu lists the applications available in the current PhixFlow instance.

When you run PhixFlow in either 

Insert excerpt
_app_mode
_app_mode
nopaneltrue
 or 
Insert excerpt
_design_mode
_design_mode
nopaneltrue
, if your PhixFlow URL does not specify an application, the 
Insert excerpt
_app_menu
_app_menu
nopaneltrue
 opens automatically when you log into PhixFlow.  

To open the 

Insert excerpt
_app_menu
_app_menu
nopaneltrue
at any time:

  • either click on the logo/name in the top left of the PhixFlow screen. By default this is the PhixFlow logo and name 
    Insert excerpt
    _phixflow_logo_name
    _phixflow_logo_name
    nopaneltrue
    .
  • or, if your application has been configured to have no menu bar, click the logo in the bottom right of the PhixFlow screen. By default this is the PhixFlow logo 
    Insert excerpt
    _phixflow_logo_only
    _phixflow_logo_only
    nopaneltrue
    .

Your administrator can configure the graphic that appears in the menu bar in the application properties → Basic Settings → Application Logo option, below.

The 

Insert excerpt
_app_menu
_app_menu
nopaneltrue
 lists the available applications as cards, for example:

Tip

The 

Insert excerpt
_app_menu
_app_menu
nopaneltrue
 displays the applications:

  • that have been configured to appear on menu
  • and that you have permission to use.

The repository → Applications branch displays the applications that you have permission to use.

Application Card Context Menu

Each application card also has a context menu. To open the application card context menu:

  • either right-click anywhere in the card
  • or hover your mouse pointer over the card, then click the 
    Insert excerpt
    _more_options
    _more_options
    nopaneltrue
     icon, which is displayed in the top right. 

Repository Application Context Menu

Applications also have different context menu available from the repository. To display the repository application context menu, right-click the name of an application.

Context Menu Options

Available in context menu accessed fromOptionDescription

application card and
repository application name


Load Application
Load the selected application so that it is running in 
Insert excerpt
_app_mode
_app_mode
nopaneltrue
.
application cardLoad application in a New TabOpen a new browser tab with the selected application loaded.
application cardLoad Application in a New WindowOpen a new browser window with the selected application loaded.
repository application nameFilter by NameIn the repository browser, use the application name to display only the repository tree for the selected application. The application is not loaded.
repository application nameEdit
In
Insert excerpt
_design_mode
_design_mode
nopaneltrue
, open the properties for the selected application.
repository application name
Insert excerpt
_delete
_delete
nopaneltrue
Delete the selected application from the repository. This cannot be undone.